zoukankan      html  css  js  c++  java
  • jQuery 的 live() 方法对 hover 事件的处理

    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
    待考证......

  • 相关阅读:
    CentOS配置bond
    rsync 06-sersync文件实时同步
    rsync 07-confxml.xml配置文件
    rsync 04-rsyncd启动脚本
    rsync 03-rsyncd.conf配置文件
    rsync 01-rsync命令使用
    rsync 02-部署rsync的daemon模式
    CentOS7升级OpenSSH
    iptables 02-CentOS7.x 启用iptables
    iptables 01-iptables命令
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131337.html
Copyright © 2011-2022 走看看