jquery - jQuery — 通过“addClass”添加的类上的单击功能没有响应

Question

我通过 addClass 添加了一个类。我对该添加的类有一个 onclick 功能。但是 jQuery 忽略了我为该类创建的点击函数。

我已经在 J​​SFIDDLE 上测试过了

 <style type="text/css">
 .openInfo:hover{color:red}
 .closeInfo:hover{color:blue}
 </style>

 <div class="openInfo">OPEN</div>

<script>
$('.openInfo') //executes correctly
    .click(function() {
        $(this).text("CLOSE");
        $(this).addClass('closeInfo');
        $(this).removeClass('openInfo');
});

$('.closeInfo') //ignored
    .click(function() {
        $(this).text("OPEN");
        $(this).addClass('openInfo');
        $(this).removeClass('closeInfo');
});
</script>

顺便说一句，如果我使用 1.5.2 ，由于某种原因， jsfiddle上的代码都不起作用？！那必须是一个jsfiddle错误吗？因为我至少在我的测试服务器上得到了与 1.5.2 相同的结果。

Answer 1

由于您是动态添加此类的，因此您不需要实时单击：

$('.closeInfo') //ignored
    .live("click", function() {
        $(this).text("OPEN");
        $(this).addClass('openInfo');
        $(this).removeClass('closeInfo');
});