jQuery.1.9 live 代替事件 on 新增內容無法觸發事件
阿新 • • 發佈:2017-08-02
class status jquer earch pen cnblogs span == nbsp
如果是新增 append 或者 html() 事件添加的內容,無法觸發 click 事件,
在1.9 可以用live 事件來代替
1.9以後用
<div class="search-result-list"> <ul> <li data=‘11‘>我是內容</li> <li data=‘12‘>我是內容</li> </ul> </div>
如果<li>是新增的內容 , 就無法觸發click事件,只能用下面的來實現
$("body").on(‘click‘,‘.search-result-list ul li‘,function(){ var id = $(this).attr(‘data‘); $.ajax({ type: "POST", url: "/Admin/Checkup/look_edit", data: {id:id}, success: function(msg){ if(msg.status==1){ $(".by-result").html(msg.data.ill) }else{ alert("數據失敗!"); } } }); })
使用 live
$(‘.search-result-list ul li‘).live(‘click‘, function(){
alert(‘OK‘);
});
jQuery.1.9 live 代替事件 on 新增內容無法觸發事件