Question

我有三个不同的复选框。我知道我应该只使用一个单独的函数与树不同的类，但我只是在这里打破它以向您展示（我尝试了一次点击到3个类并且得到了相同的行为。

最初尝试过，只有.override有效：

$(".override, paaudiooverride, .pavideooverride").click(function(){
    $(this).toggleClass('override-checked');
});

决定将它们分解为3（仅限现在/使其正常工作）仍然只有.override正在运行：

//this one works
$(".override").click(function(){
    $(this).toggleClass('override-checked');
});
//but this one doesnt
$(".pavideooverride").click(function(){
    //$(this).toggleClass('override-checked');
    alert("checked");
});
//and neither does this one
$(".paaudiooverride").click(function(){
    //$(this).toggleClass('override-checked');
    alert("audio checked");
});

为什么世界上警报被识别但toggleClass不是？

任何输入都表示赞赏。

Answer 1

好吧，想通了。这是override-checked在CSS文件中的位置。它是在override类之后，但在音频和视频覆盖类之前。所以我将override-checked类移到CSS文件的底部，一切运行良好。

jQuery toggleClass的奇怪行为。警报将起作用但不会切换

1 个答案: