jquery 6 动态创建的元素的事件触发(转载)
2017-05-21 21:18
357 查看
jquery 6
动态创建的元素的事件触发(转载)
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动态创建的元素,是不能直接使用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中动态创建元素节点无法触发事件
- jQuery中动态创建元素节点无法触发事件
- jQuery中动态创建元素节点无法触发事件
- jquery中动态创建的元素的事件触发
- jquery动态添加元素无法触发绑定事件的解决方案
- jquery动态添加元素无法触发绑定的事件的解决方案
- jquery创建的动态元素如何为元素添加相应事件
- [转载]给Jquery动态添加的元素添加事件
- jQuery动态添加元素无法触发绑定事件的解决方法分析
- 用jQuery绑定事件到动态创建的元素上
- 关于jQuery动态加载元素之后绑定事件无法触发的问题
- jquery中动态新增的元素节点无法触发事件解决办法
- jQuery 绑定事件到动态创建的元素上
- jQuery 绑定事件到动态创建的元素上
- 【转载】jquery为动态添加元素添加事件
- jQuery 绑定事件到动态创建的元素上的方法实例
- jquery 动态创建元素,在元素山添加事件
- jquery学习 - 对动态创建的元素进行事件响应(bind, live, delegate)
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)