javascript - jQuery 基本切换只能以一种方式工作

Question

我创建了一些快速的 jQuery 切换代码:

$("#expander.closed").click(function(){
    console.log("opening");
    $("#expander").removeClass();
    $("#expander").addClass("open");
});
$("#expander.open").click(function(){
    console.log("closing");
    $("#expander").removeClass();
    $("#expander").addClass("closed");
});

这个想法是，每次您单击 #expander 时，类都会在 open 和 closed 之间切换。

但是，由于某种原因，它只工作一次，从closed 变为open，然后就不再继续了。

我不知道为什么。 Here's a jsFiddle .

Answer 1

我想一开始，当你绑定(bind)事件时，.closed 类不存在，所以事件没有被绑定(bind)

也许您应该将事件绑定(bind)到其他一些条件，或者使用 live。尽管已弃用

更好的方法是这样

$("#expander_parent").on('click', '#expander.closed', function(){
    // Do your stuff
})