首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >动态创建的UL的jQuery单击事件处理程序无法工作

动态创建的UL的jQuery单击事件处理程序无法工作
EN

Stack Overflow用户
提问于 2014-02-28 16:25:34
回答 2查看 422关注 0票数 0

我有UL列表与jQuery连接的可排序功能,试图实现连接排序与多项选择和拖动。

在我的页面中,用户可以动态创建UL列表,我正在DIV控件中创建动态UL列表。在document.ready()函数中,我将单击事件处理程序附加到UL控件。但是这个处理程序没有附加到在DIV中创建的UL控件。为什么?

我也附上了Fiddle样本。

任何帮助

代码语言:javascript
复制
Fiddle: http://jsfiddle.net/EN2P5/2/
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-02-28 16:56:17

您可以尝试使用现在以这种方式使用的.live()方法,因为存在.on()函数:

代码语言:javascript
复制
$(document).on('click', 'ul li', function (e) {
    if (e.ctrlKey || e.metaKey) {
        $(this).toggleClass("selected");
    } else {
        $(this).addClass("selected").siblings().removeClass('selected');
    }
})

http://jsfiddle.net/EN2P5/8/

票数 0
EN

Stack Overflow用户

发布于 2014-02-28 16:39:03

在绑定生成的DOM元素时,需要使用on函数。

代码语言:javascript
复制
$("ul").on("click", function(){
   console.log("click");
});

您也可以使用binddelegate

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22100504

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档