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

Question

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

---

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

我的问题是拨动开关似乎不可点击。

很难描述，所以这里是JSFiddle of my problem

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

我已经实现了一些传播javascript：

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

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

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

Answer 1

尝试使用：

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

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

Answer 2

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