当我们对一个节点进行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进去的节点操作的话,需要 采用匹配规则进行匹配,
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦