javascript - toggleClass 不加回类

Question

所以基本上我想做的是在单击复选框时创建一个简单的 toggleClass，但问题是它删除了该类，但没有添加回该类。

这是一个示例代码:

$('#task-checkbox').click(function() {
   $(".dependent-task").toggleClass("dependent-task");
});

完整代码在这里/jsfiddle:http://jsfiddle.net/stan255/qxJ5d/2/

我不确定这里的问题是什么。

• 斯坦利

Answer 1

简单。这条线

$(".dependent-task").toggleClass("dependent-task");

从元素中删除类 'dependent-task'。因此，下次单击复选框时，$('.depentend-task') 是一个空的 jQuery 对象。为避免这种情况，请在页面加载后存储对 jQuery 对象的引用:

var $dependentTask = $(".dependent-task");
$('#task-checkbox').click(function() {
   $dependentTask.toggleClass("dependent-task");
});