在用js拼接html时，给元素加不上事件的问题

Posted 2020-09-21 呆小田

• 问题描述：有时，发起ajax请求成功后，需要用js去拼接一小段html字符串，然后给某些元素添加事件时，事件总是加不上。
• 解决办法：在success 回调函数内，给元素添加事件绑定。
• 代码如下：

$.ajax({
url : initDeniedUrl,
dataType: “json”,
type:’post’,
xhrFields: {
withCredentials: true
},
data:JSON.stringify({‘page’:1,’pageSize’:5}),
contentType: ‘application/json; charset=utf-8’,
success : function(res) {
var htmlStr = “<ul class=’artile-wap’>” + “<span class=’rfuse-circular2′></span>”;
$(‘div’).append(htmlStr);
$(‘ul’).on(‘click’,function(){
alert(‘事件绑定上了’);
});
}
});