当使用append添加元素时,使用元素内的方法,方法内的参数解析错误解决办法

情形一:当使用append添加元素时,使用元素内的方法,方法内的参数解析错误,如下图所示情况,

解决办法:使用转义字符去除空格,就ok啦

情形二:当使用append添加元素时,append添加出来的id点击事件无效,比如在#append_parent中添加_html,想使用也想对动态增加的节点绑定#fwin_dialog_delete点击事件无效

解决办法:使用on()方法绑定元素点击事件,on() 方法在被选元素及子元素上添加一个或多个事件处理程序

              click是点击事件,但是在页面加载完之后,jquery事件新添加的元素,用click的话是无法获取元素的,这个时候要用on去获取元素事件,简单的说页面加载完成时候页面显示的元素可以用on,也可以用click,但是页面加载完成之后后期再追加的元素只能用on。

$(document).on("click",'#append_parent #fwin_dialog_delete',function(){
		   alert("dd");
});

或者 

$("#append_parent").on("click",'#fwin_dialog_delete',function(){
		   alert("dd");
});

这样一来处理函数就绑定到#append_parent的选择器上去了,事件冒泡导致的性能损失会大大降低(使用该方法时要确保.on前面的选择器能选择到对象 否则不起作用)

参考链接:https://blog.csdn.net/haoaiqian/article/details/62881939

猜你喜欢

转载自blog.csdn.net/qq_36826248/article/details/82697950