JQuery不能触发动态生成的html的click事件

//错误code$( function() {
   
    $(".addBtn").click( function() {
        addNode($(this));
    }).end();
})
//动态生成html
function addNode(cur) {
    if(cur.parent().has("ul").size() != 0) {
        cur.parent().children("ul:first").append("<li>okok<a href=‘javascript:void(0);‘ class=‘addBtn‘>[Add]</a></li>")
    } else {
        cur.parent().append("<ul><li>new menu<a href=‘javascript:void(0);‘ class=‘addBtn‘>[Add]</a></li></ul>");
    }
|//解决方案://用到live函数委派事件,用于动态生成的HTML//动态生成的html代码不能被有效的识别

 $(".addBtn").live(‘click‘, function() {
    addNode($(this));
});
时间: 2024-10-13 01:44:54

JQuery不能触发动态生成的html的click事件的相关文章

jquery中对动态生成的标签响应click事件(二)…与ajax交互使用

<script> jQuery(document).ready(function($) { $('#clickme').bind('click', function() { $.ajax({ type: "post", async:false, url: "ajax.jsp", data: { key: "Delete"}, success: function (data) { $('#divContent').append('<

jquery中对动态生成的标签响应click事件(一)

参考自:http://my.oschina.net/lishixi/blog/31612 <script>jQuery(document).ready(function($) { $('#clickme').bind('click', function() {  alert("sdfw");  var html = "<div class='clickyou'>Another target</div>";  $("#di

动态生成DOM元素绑定click事件无效问题

在页面里,jq动态生成dom节点,该节点的click事件无效. 如,html里动态添加class名为.del的<a>, js文件中: $('.del').bind('click',fuction(){ alert('sda'); }) 不响应, 网上说可以用live代替bind事件,但在jq1.7版本开始,就取消了live事件, 解决方法: on()事件 代码改为: $(document).on('click','.del',fuction(){ alert('sda'); }) 这样就搞定了

jquery中对动态生成的标签不会响应click事件

Jquery中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live. 我们这样绑定元素的click事件,以后jquery动态生成的元素,click事件也有效. $('.clickme').live('click', function() { alert("Live handler called."); });

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu

毕业设计---jQuery动态生成的a标签的事件绑定

这几天在毕业设计的前端设计阶段,准备放弃使用jsp,完全通过html+ajax+SSH进行网站的编写,在前端的页面显示我准备使用jQuery来实现数据的动态绑定.但是遇到动态添加的a标签无法直接通过$(element).click();来添加点击事件,通过网上的查询,在动态添加的标签绑定事件需要通过事件委托而非事件绑定. $("body").on("click", ".delete", function (){ del($(this).paren

原生js怎么为动态生成的标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来. <!DOCTYPE html> <html lang=&qu

table动态添加的tr 其click事件在IE兼容模式中不执行 jquery 1.9 的live事件 和获取 first last

http://www.css88.com/jqapi-1.9/first-of-type/index.html#p=//www.css88.com/jqapi-1.9/last-child-selector ---动态添加的table 的tr 给tr设定click事件 使用jquery 1.9 $(document).on("click", "#tableid tbody tr", function () { $("#tableid tbody"

jquery动态生成button的点击事件

先为button设置onclick事件,对应函数,之后定义函数. $("#pic2").click(function (){...} 无效. 原文地址:https://www.cnblogs.com/He-tao-yuan/p/9766344.html