1. 程式人生 > >jQuery.1.9 live 代替事件 on 新增內容無法觸發事件

jQuery.1.9 live 代替事件 on 新增內容無法觸發事件

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 新增內容無法觸發事件