jquery append添加的元素click获取不到的解决方法

审核中 jQuery 未结 已结 置顶 精帖
删除 置顶 取消置顶 加精 取消加精
66 0
yswl
yswl VIP3 2021-09-04 10:52:09
悬赏:60金币 编辑此贴

jquery append添加的元素click获取不到的解决方法

$(document).on('click','.div',function (){
    你的逻辑代码
})

示例:

$(document).on("blur",'.employ-copy .employ-input-json',function () {
    //遍历后存放到数组中
    var data = [];
    $('.employ-copy-div-bk .employ-copy').each(function () {
        var arr = [];
        $(this).find('.employ-input-json').each(function () {
            var inputname = $(this).attr('name');
            var inputval  = $(this).val();
            var jsondata = inputname+'":"'+inputval;
            arr.push(jsondata);
        });
        data.push(arr);
        //console.log(arr);
    });

    /*json处理*/
    var jsonstr = {};
    for (var i=0;i<data.length;i++){
        jsonstr[i]=data[i];
    }
    //处理字符
    var jsonstr = JSON.stringify(jsonstr).replace(/\\/g,'').replace(/\[/g,'{').replace(/\]/g,'}');
    //console.log(jsonstr);

    //字符串传入隐藏域
    $('#dr_previous_jobs_record').val(jsonstr);
});


on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。
注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。
提示:如需移除事件处理程序,请使用 off() 方法。
提示:如需添加只运行一次的事件然后移除,请使用 one() 方法。
*把事件绑定在docunmet就和原来的live方法没有区别了。原先的live()方法,处理函数是默认绑定在document对象上不能变的,如果DOM嵌套结构很深,事件冒泡通过大量祖先元素会导致较大的性能损失。而使用.on()方法,事件只会绑定到$()函数的选择符表达式匹配的元素上,因此可以精确地定位到页面中的一部分,而事件冒泡的开销也可以减少。