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	31

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

相关推荐

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