您的位置:首页 > 移动开发

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

2014-08-06 16:06 323 查看
当我们对一个节点进行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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  节点 jquery append
相关文章推荐