jquery - 如何将 JQuery 'on()' 与类选择器过滤器一起使用？

Question

试图从 live() 更新一些旧代码使用 on()有些事情正在惨遭失败。

$('#accordion').on('click','.EditModeDetails', function(event){
    alert('yay');
});

在哪里 .EditModeDetails是注入(inject) HTML 上的一个类，如下所示:

<li class="instructionText">
    <input value="EditModeDetails" class="EditModeDetails" name="EditModeDetails" type="checkbox">
    <label for="EditModeDetails">Edited text replaces existing text.  To add new text, check this box </label>
</li>

...和 ​​ #accordion是在页面加载时加载的 Accordion 控件。

如果我删除过滤器，则:

$('#accordion').on('click', function(event){
    alert('yay');
});

....我到处都收到警报。

到处寻找使用类而不是元素选择器并且没有运气的示例。

编辑:非常感谢您的建议，伙计们，但到目前为止没有任何工作加载的 JQuery 版本是ver--1.7.1。以下是实际开发的链接:

http://esc.toypizza.com/sysalert

要查看问题，请在数据表中单击 http://esc.toypizza.com/_img/details_open.png然后点击 http://esc.toypizza.com/_img/up_arrow.png出现。接下来，单击 Accordion 部分“详细信息”(在默认打开的“当前问题”部分上方)。您将在“清除”按钮的右侧看到有问题的复选框。

Answer 1

我认为你有一个开放的 div 把一切都搞砸了。

<!--Accordian-->

<div id="accordion" class="invis">

    <h3><a href="#">Categories</a></h3>

<div><!--Accordian- panel OPEN-->

div#accordion在下面几行关闭，但有评论的 div， Accordian- panel OPEN没有关闭。这导致 Accordion 被错误渲染，并且某些元素位于复选框顶部，这就是事件没有到达复选框的原因。