您的位置:首页 > Web前端 > JQuery

jquery中动态创建的元素的事件触发

2014-06-25 16:28 267 查看
jquery动态创建的元素,是不能直接使用click等事件触发的,比如:

//jquery 动态创建addfujian链接

$("#reup").click(function()

{

$(this).after("<a id='addfujian' href='javascript:void(0)'>添加附件</a>");

});

如果对addfujian进行点击的话,下面的程序是不对的:

$("#addfujian").click(function() {

alert("click me!");

});

要达到对动态创建的元素添加事件的目的,有两种方法:

1、使用live

live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

所以:

$("#addfujian").live('click',function() {

alert("click me!");

});

2、使用javascript:

//js 函数

function clickme()

{

alert("click me");

}

//jquery 动态创建addfujian链接

$("#reup").click(function()

{

$(this).after("<a id='addfujian' href='javascript:void(0)' onclick='clickme()'>添加附件</a>");

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: