Jquery 采用Append進(jìn)去的節(jié)點(diǎn)無法操作解決辦法

發(fā)布時(shí)間：2020-07-10 03:17:23 來源：網(wǎng)絡(luò) 閱讀：1061 作者：布拉君君欄目：web開發(fā)

當(dāng)我們對(duì)一個(gè)節(jié)點(diǎn)進(jìn)行click操作時(shí)，

 $('xx').click(function(){
      .......
   });

或者

 $('xx').bind('click',function(){
     .......
 });

但是如果是采用append進(jìn)去的節(jié)點(diǎn)A，要想對(duì)A節(jié)點(diǎn)進(jìn)行操作，采用上面兩種就行不通了，解決辦法為下

$('xx').live('click',function(){
     .......
 });

上面的解決辦法是采用live的方式，但是在jquery1.7后又進(jìn)行了升級(jí)，不再使用live，而是將live 改為了on，即如下

$('xx').on('click',function(){
     .......
 });

但是on的方式，不能實(shí)現(xiàn)hover的效果，如果想實(shí)現(xiàn)的話，需要如下操作：

$('#setHeader').on('mouseenter', 'li', function() {
	    $(this).find('ul').css('display','block');
	});
	$('#setHeader').on('mouseleave', 'li', function() {
	    $(this).find('ul').css('display','none');
	});

特別注意：采用on時(shí)，選取的節(jié)點(diǎn)必須是靜態(tài)存在的節(jié)點(diǎn)，不能是動(dòng)態(tài)append進(jìn)去的節(jié)點(diǎn)，如果需要對(duì)append進(jìn)去的節(jié)點(diǎn)操作的話，需要采用匹配規(guī)則進(jìn)行匹配，

具體的on的詳細(xì)用法見：http://blog.sina.com.cn/s/blog_52d20fbf0101ttne.html

向AI問一下細(xì)節(jié)

Jquery 采用Append進(jìn)去的節(jié)點(diǎn)無法操作 解決辦法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

Jquery 采用Append進(jìn)去的節(jié)點(diǎn)無法操作解決辦法