我正在使用 jQuery 可排序,并且有两个列表,我将项目从一个列表移动到另一个列表。第一步只需双击即可正常工作。现在它位于第二个列表中,我希望允许用户通过单击并按删除键来删除项目。我的计划是使用一个单击事件触发器并用一个类来装饰列表项,然后当按下删除键时,它将删除具有该类的所有项目。此时,我在获取点击事件时遇到问题。由于我正在动态创建列表项,因此我使用 on event 关键字。我的第二个列表的 html 如下所示:
<div id="CartContents" class="ui-widget-content">
<ul id="sortableArea" class="cartSortable">
</ul>
</div>
我尝试处理点击事件的 js 如下所示:
$('.cartSortable li').on("click", function () {
alert('here');
$(this).toggleClass("selected");
});
警报就在那里,以便我知道它是否被击中。让我知道你认为哪里不对或者我的理解有哪些不足。
最佳答案
由于您要动态创建列表项,因此需要 delegate the event :
$('.cartSortable').on('click', 'li', function () {
或者,如果您的脚本在 <body>
之前执行:
$(document).on('click', '.cartSortable li', function () {
关于javascript - JavaScript 中的点击事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33760700/