jquery 如何给动态插入的元素绑定 hover事件-雅荷心语博客

如果不是动态插入的元素,1.7.2版本之前的jq可以直接用hover事件来处理,

$('元素').hover(function() {
    /* Stuff to do when the mouse enters the element */
}, function() {
    /* Stuff to do when the mouse leaves the element */
});

$('元素').hover(function() {

/* Stuff to do when the mouse enters the element */

}, function() {

/* Stuff to do when the mouse leaves the element */

});

但是我们的文档结构中,如果需要操作的部分数据是JS动态插入的,那Hover事件都会不好使,这时候我们需要一个使用下面的方法来实现:

$('ul li').live('mouseenter',function(){
	$('#tips').show();
}).live('mouseleave',function(){
	$('#tips').hide();
});

$('ul li').live('mouseenter',function(){

$('#tips').show();

}).live('mouseleave',function(){

$('#tips').hide();

});

这种方法仅适用用Jquery1.4版本以上.

一	二	三	四	五	六	日
« 十
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

jquery 如何给动态插入的元素绑定 hover事件

相关推荐

雅荷心语博客 -心之所向便是光