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

发布时间:2020-07-10 03:17:23 作者:布拉君君
来源:网络 阅读:1069


  当我们对一个节点进行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进去的节点操作的话,需要  采用匹配规则进行匹配,

 具体的on的详细用法见 :http://blog.sina.com.cn/s/blog_52d20fbf0101ttne.html

推荐阅读:
  1. zepto和jquery的区别,zepto的不同使用7条小结
  2. 怎么解决jQuery is not defined

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

节点 jquery append

上一篇:bootstrap36-Bootstrap 下拉菜单

下一篇:使用C#编写自己的代码生成器,附代码讲解(一)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》