html动态生成的代码，如何绑定事件

如果使用jQuery，你可以这样写：

// class为你绑定事件的动态生成的结点

$(document)on('click', 'class', function() {

// 你要绑定的事件在这里

});该方法利用事件冒泡的原理，基本都是这么做的。

提问者change的意图是什么？

每次change都要给那个绑定click事件？事件一次就够了，除非再次unbind，否则出乱子

提问者的思路得缕缕了

看代码的意思是要slideToggle，这不就直接 *** 作么，还click什么呢

<script>

function change() {

$("#main test")unbind("click");

$("#main test")click(function(){

     $("#main ni")slideToggle();

 });

}

</script>

<script>

function change() {

     $("#main ni")slideToggle();

}

</script>

如果用JQ写的话，可以尝试一下$(this)

原因很多，你this的返回对象是什么，是不是支持alert，或者说是不是能alert出来东西，而不是找不到，或者是null，你可以先alert一段文字，看看是不是可以d出来，如果可以d出来，你可以写个比如$(this)css("color","red")诸如这种，看看你的onclik是不是好用。

不知道楼主要alert出来什么，不是所有的东西都可以显示的，或者试试alert一个$(this)html(),或者$(this)text()试试吧。

可以用事件委托，jquery提供on()方法（jquery 170 以上版本）来委托绑定事件：

<ul class="list">

    <li><a href="javascript:;">导航1</a></li>

    <li><a href="javascript:;">导航2</a></li>

</ul>$('list')find('a')on('click', function(){

    $(this)addClass('active')siblings()removeClass('active');

});

这样list里通过js动态创建的a节点也能响应click事件。

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况：

<div

id="testdiv">

<ul></ul>

</div>

假设我们要给ul动态添加的<li>绑定click事件形成如下结果

<div

id="testdiv">

<ul>

<li

name="apple">apple</li>

<li

name="pear">pear</li>

</ul>

</div>

<script>

function

test(name){

alert("I'm

"+name);

}

//做法如下:

$("#testdiv

ul")on("click","li",

function()

{

//test($(this)attr("name"));

//do

something

here

});

//主动触发某个<li>的click事件

//

$("#testdiv

ul

li[name='apple']")trigger("click");

</script>

以上这篇jquery

html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是关于html动态生成的代码，如何绑定事件全部的内容，包括:html动态生成的代码，如何绑定事件、js 动态给元素绑定事件时，、js 动态绑定事件问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！