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>");
});
//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>");
});
相关文章推荐
- jQuery中动态创建元素节点无法触发事件
- jQuery中动态创建元素节点无法触发事件
- jquery 6 动态创建的元素的事件触发(转载)
- jQuery中动态创建元素节点无法触发事件
- jquery学习 - 对动态创建的元素进行事件响应(bind, live, delegate)
- jquery 动态创建元素,在元素山添加事件
- 解决jquery动态创建元素绑定事件失效问题
- jquery创建的动态元素如何为元素添加相应事件
- jQuery 绑定事件到动态创建的元素上
- jQuery 绑定事件到动态创建的元素上
- jquery学习 - 对动态创建的元素进行事件响应(bind, live, delegate)
- jquery动态创建元素绑定事件方法
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- jquery中动态新增的元素节点无法触发事件解决办法
- jquery动态添加元素无法触发绑定事件的解决方案
- jquery动态添加元素无法触发绑定的事件的解决方案
- 用jQuery绑定事件到动态创建的元素上
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- Jquery给动态创建的元素绑定事件
- 关于jQuery动态加载元素之后绑定事件无法触发的问题