javascript中的点击事件未触发[重复]

Question

这个问题已经在这里有了答案：

在动态创建的元素上进行事件绑定？ 23个答案

我正在使用JQuery可排序，并且有两个两个列表，我正在将项目从一个移到另一个。 第一步，双击即可正常工作。 现在它在第二个列表中，我想允许用户通过单击并单击Delete键来删除项目。 我的计划是让click事件触发器触发并用类装饰列表项，然后在按下Delete键时，它将删除该类的所有项。 此时，我在让点击事件生效方面遇到了问题。 由于我是动态创建列表项，因此我使用了on event关键字。 我的第二个列表的html看起来像这样。

<div id="CartContents" class="ui-widget-content">
     <ul id="sortableArea" class="cartSortable">
     </ul>
</div>

我试图处理click事件的js如下所示。

$('.cartSortable li').on("click", function () {
    alert('here');
    $(this).toggleClass("selected");
});

警报在那里，所以我知道它是否被击中。 让我知道您的想法是错误的或缺乏我的理解。

Answer 1

由于您是动态创建列表项，因此需要委派事件：

$('.cartSortable').on('click', 'li', function () {

或者，如果您的脚本是在<body>之前执行的：

$(document).on('click', '.cartSortable li', function () {

Answer 2

您可以使用jQuery的live方法，该方法将事件处理程序绑定到与当前查询选择器匹配的所有元素。 http://api.jquery.com/live/

$('.cartSortable li').live("click", function () {
    alert('here');
    $(this).toggleClass("selected");
});

javascript中的点击事件未触发[重复]

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-11-17 15:30:50

解决方案2
-1 2015-11-17 15:38:26

javascript中的点击事件未触发[重复]

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-11-17 15:30:50

解决方案2 -1 2015-11-17 15:38:26

解决方案1
2 已采纳 2015-11-17 15:30:50

解决方案2
-1 2015-11-17 15:38:26