首页 > web前端 > js教程 > 正文

jQuery中关于live()方法如何对hover事件的处理详解

黄舟
发布: 2017-06-26 09:25:47
原创
1500 人浏览过

hover([over,]out)

一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数

当鼠标移出这个元素时,会触发指定的第二个函数。

$('.myp').hover(function() {
	doSomething...	
}, function() {
	doSomething...	
});
登录后复制


而问题是有些元素比如菜单是通过AJAX动态加载的,hover方法执行的时候

菜单还没加载出来呢,所以就要用到jquery的另一个方法live()

.live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:

绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。

传递给 .live() 的事件处理函数不会绑定在元素上,

而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

$('.myp').live('hover',function(event){
	if(event.type=='mouseenter'){
		doSomething...	
	}else{
		doSomething...	
	}
})
登录后复制


要求 jQuery 1.4.3+
因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样。

$("table tr").live({
   mouseenter:
   function()
   {
      //todo
   },
   mouseleave:
   function()
   {
      //todo
   }
});
登录后复制

以上是jQuery中关于live()方法如何对hover事件的处理详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板