博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery的live()方法对hover事件的处理示例
阅读量:5942 次
发布时间:2019-06-19

本文共 644 字,大约阅读时间需要 2 分钟。

hover([over,]out)

一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。
当鼠标移出这个元素时,会触发指定的第二个函数。

. 代码如下:
$('.myDiv').hover(function() {
doSomething... }, function() { doSomething... });

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

菜单还没加载出来呢,所以就要用到jquery的另一个方法live()
.live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上,
而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

. 代码如下:
$('.myDiv').live('hover',function(event){ if(event.type=='mouseenter'){ doSomething... }else{
doSomething... } })

有的jquery版本响应的是mouseenter和mouseleave 有的是mouseover和mouseout

待考证......

转载于:https://www.cnblogs.com/snowhite/p/5105854.html

你可能感兴趣的文章
11g废弃的Hint - BYPASS_UJVC
查看>>
为什么工业控制系统需要安全防护?
查看>>
Mongodb部署记录[3]-主从搭建
查看>>
hive sql操作
查看>>
tomcat 深度优化
查看>>
127 - "Accordian" Patience
查看>>
Mac 常用快捷键
查看>>
阿里云CentOS7安装Oracle11GR2
查看>>
nginc+memcache
查看>>
php正则匹配utf-8编码的中文汉字
查看>>
MemCache在Windows环境下的搭建及启动
查看>>
linux下crontab实现定时服务详解
查看>>
返回顶部JS
查看>>
iOS9 HTTP 不能正常使用的解决办法
查看>>
Numpy中的random模块中的seed方法的作用
查看>>
史上最全的数据库面试题,不看绝对后悔
查看>>
Chrome百度不显示中文字体
查看>>
用java数组模拟登录和注册功能
查看>>
javaScript实现归并排序
查看>>
关于jsb中js与c++的相互调用
查看>>