JS或者jQuery怎么给动态添加的DOM元素绑定事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS或者jQuery怎么给动态添加的DOM元素绑定事件相关的知识,希望对你有一定的参考价值。

楼下说得太简单了,估计提问者看不懂。

假设,你有以下DOM

<div id="dvTest">
    <div>在这下面加一个按钮</div>
</div>

然后你添加一个按钮,方法如下

function addButton()
    var $container = $("#dvTest");
    $container.append("<a href='javascript:;'>click me</a>");

然后,给刚加的按钮一个click事件

//你要先找到你加的这个按钮
$("#dvTest > a").click(function() alert('you clicked me') );
//或
$("#dvTest > a").unbind().on('click'), function() alert('you clicked me') );

我觉得你主要是jQuery的筛选器用得不够熟。你可以搜一下,大概看看。只要能找到控件,绑定事件都不叫事儿。

参考技术A 添加后再绑定事件。
或者用on来绑定

以上是关于JS或者jQuery怎么给动态添加的DOM元素绑定事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 判断元素上是不是绑定了事件

在js中怎么给动态生成的元素绑定事件

js 为动态添加的元素绑定事件

jQuery动态绑定

怎样给jQuery动态附加新的元素

Jquery动态绑定事件处理函数 bind / on / delegate