zoukankan      html  css  js  c++  java
  • 关于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(); }) })
  • 相关阅读:
    Daily Scrum NO.4
    Daily Scrum NO.3
    Daily Scrum NO.2
    Daily Scrum NO.1
    Beta任务项录入
    M1事后分析报告
    wenbao与概率
    wenbao与组合数
    wenbao与高斯消元
    wenbao与链表
  • 原文地址:https://www.cnblogs.com/C-dashazi/p/6474715.html
Copyright © 2011-2022 走看看