jquery - 尝试在手风琴标题中使用样式复选框

Question

编辑我试图选择$("#accordion input[type='checkbox']")不起作用的复选框，因为我将复选框设置为display:none; 我最终不得不使用$("#accordion .onoffswitch")，因为这影响了包含花式切换开关的花式切换部分的 div。

我正在尝试创建一个客户端手风琴，其中 - 在标题中 - 你可以有一个切换开关。这样，我可以在我的应用程序中设置客户端是否处于活动状态，而无需用户打开手风琴，但仍然可以打开手风琴并与里面的元素进行交互。

我的问题是切换开关似乎不可点击。

基本上，我只需要让我的拨动开关能够改变。

我已经实现了一些传播 javascript，如下所示：

$( ".accordion" ).accordion();
$('.accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});

所以我担心的是H3标签以某种方式阻止了复选框点击事件的触发。

如果您希望我发布与代码相关的任何其他内容，请告诉我（尽管 JSFiddle 几乎所有内容都在那里。）

score 3 · Accepted Answer

尝试使用：

$('#accordion').accordion();
$('#accordion .onoffswitch').click(function(e) {
    e.stopPropagation();
});

因为只有在您选择隐藏的复选框时才会激活它。选择整个“开关”而不是隐藏的复选框。

score 0 · Accepted Answer

0

关于使用display:none;复选框visibility:hidden;。

于 2013-08-06T17:44:16.670 回答

2 回答 2