Question

我正在开发一个待办事项列表。我想切换表示待办事项的HTML list-element的类。 list-element是在加载页面后由用户生成的。我现在使用的ToggleClass函数不起作用。我能够在控制台中捕获dblclick事件，但该类不会切换。

JavaScript / Jquery看起来像这样：

$(document).ready(function () {
    $(document).on("dblclick", ["li"], setStatus); 
    console.log("Call setStatus");
});

和setStatus函数：

setStatus = function (){ 
    console.log("Double clicked on the li");
    $(this).toggleClass("done");
};

HTML

 <body>
        <div id ="todoList">
            <ul></ul>
        </div>
        <input type ="text" id ="todoText"/>
        <button id ="addTodoButton">Add!</button>
    </body>

CSS-class

.done{
    color: #006600;
}

Answer 1

$(document).ready(function () {
    $(document).on("dblclick", "li", setStatus); 
    console.log("Call setStatus");
});

从[]删除["li"]，它不是有效的选择器，您的代码触发了回调，因此在控制台中显示了该消息。

用户生成的元素上的ToggleClass（）不起作用

1 个答案: