关于JQ动态添加不执行事件的问题

动态添加事件,直接用字符串拼接把事件写到标签中,然后按照常规方法写,是不会执行事件的,因为动态添加的找不到元素。

 str += "<td   >" + "<a href='javascripr:;'  onclick='Delete(this)'  class='aaaa'>删除</a>" + "</td>";
//字符串拼接

       function Delete(obj) {
            //alert("333");
            console.log(obj.getAttribute("class")); //原生可以这行
            obj.html("1121");
            obj.remove(); //原生可以执行

        }
//执行的函数  是无效的 
//但是可以执行原生js

 通过使用JQ的on(事件绑定)   

注意:前面的$(“XXX”)  必须是页面中的静态元素,不可以是动态添加的,

click后的类名为执行事件元素的类名

 str += "<td>" + "<a href='javascripr:;' class='SelectDelete'>删除</a>" + "</td>";

$(function () { $(
"#aTbody").on("click", ".SelectDelete", function () { console.log($(this).parent().parent()) $(this).parent().parent().remove(); }) })

 

posted on 2017-02-27 16:09  水好凉  阅读(1440)  评论(0编辑  收藏  举报

导航