ITPub博客

首页 > IT职业 > IT图书 > Jquery 采用Append进去的节点无法操作 解决办法

Jquery 采用Append进去的节点无法操作 解决办法

IT图书 作者:chinacc 时间:2021-09-09 10:02:11 0 删除 编辑


  当我们对一个节点进行click操作时,

 

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

或者

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

 

但是如果是采用append进去的节点A,要想对A节点进行操作,采用上面两种就行不通了,解决办法为下

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

 上面的解决办法是采用live的方式,但是在jquery1.7后又进行了升级,不再使用live,而是将live 改为了on,即如下

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

但是on的方式,不能实现hover的效果,如果想实现的话,需要如下操作:

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

特别注意:采用on时,选取的节点必须是静态存在的节点,不能是动态append进去的节点,如果需要对append进去的节点操作的话,需要  采用匹配规则进行匹配,

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4677/viewspace-2815446/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 有用的url
请登录后发表评论 登录
全部评论

注册时间:2019-04-26

  • 博文量
    91
  • 访问量
    917