`
stoneuu
  • 浏览: 44954 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery live hover

 
阅读更多

jquery元素直接给live绑定hover无效果

将hover直接换成'mouseover mouseout'也无效果

live非json形式一次只能绑定一个函数

可用方法1

$("table tr").live({
   mouseenter:
   function()
   {
      //todo
   },
   mouseleave:
   function()
   {
      //todo
   }
});

 方法2

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

  方法3,来自文档,

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

 在jQuery 1.4.3中:你可以绑定一个或多个事件类型的字符串和函数的数据映射来执行他们

 

$("a").live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});

 

 

 

分享到:
评论

相关推荐

    jQuery的live()方法对hover事件的处理示例

    而问题是有些元素比如菜单是通过AJAX动态加载的,hover方法执行的时候 菜单还没加载出来呢,所以就要用到jquery的另一个方法live() .live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委

    jQuery 1.4.1 中文参考

    8.3.1 live(type, [data], fn) 127 8.3.2 die([type], [fn]) 130 8.4 事件切换 131 8.4.1 hover(over, out) 131 8.4.2 toggle(fn, fn2, [fn3, fn4, ...]) 131 8.5 事件 133 8.5.1 blur() 133 8.5.2 blur(fn) 133 ...

    jquery插件使用方法大全

    Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理...

    使用jquery给新生的th绑定hover事件的实例

    这是昨天在做一个动态的table时遇到的一个小问题,table的th需要让鼠标在移入和移出时显示颜色变化,之前th是固定写死的,直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面,用hover...

    jQuery 1.5 API 中文版

    $.hover( fnIn(eventObj), fnOut(eventObj)) $.toggle( fn(eventObj), fn2(eventObj) [, ...]) Event Helpers function ( [data,] [fn] ) $.blur,.mousedown,.change,.mouseenter,.click,.mouseleave,.dblclick,....

    jquery动态添加元素事件失效问题解决方法

    今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但... 但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素: 代码如下: $(“.y”).on(‘click’,’.x’,function);

    jquery1.11.0手册

    live(type,[data],fn)1.7- die(type,[fn])1.7- delegate(s,[t],[d],fn) undelegate([s,[t],fn]) 事件切换 hover([over,]out) toggle([spe],[eas],[fn])1.9* 事件 blur([[data],fn]) change([[data],fn]) ...

    jquery 联动输入插件

    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"> .j_prompt_select { width: 350px; z-index:100; border: #7f9db9 1px solid; background: #fff; font-size: 12px; font-family: ...

    Jquery 1.3 简体中文手册

    hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) change( [fn] ) click( [fn] ) dblclick( [fn] ) error( [fn] ) focus( [fn] ) keydown( [fn] ) keypress( [fn] ) keyup( [fn] ) ...

    读jQuery之十 事件模块概述

    如下 1 添加事件(bind/one/live/delegate/hover/toggle) bind 基本的添加事件函数。 one 添加只执行一次的事件函数。 live 事件代理(使用document代理)。 delegate 事件代理(使用指定元素代理)。 hover 模拟css...

    jQuery livequery 三个使用例子示例.rar

    这是一些jQuery livequery的小例子源码演示,我想对学习livequery是有一定帮助的,实例中一共包括三个演示文件: 第一个演示:livequery导致的超链接点击; 第二个演示:livequery匹配rel属性值中含有"friend"的A...

    JQuery 1.3 中文参考手册

    hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) change( [fn] ) click( [fn] ) dblclick( [fn] ) error( [fn] ) focus( [fn] ) keydown( [fn] ) keypress( [fn] ) keyup( [fn] ) ...

    解决Jquery向页面append新元素之后事件的绑定问题

    这是项目要求达到的效果,当我没用live事件,只用了简单的hover事件时:hover事件没有加载进来,没有我想要的边框效果,效果图如下 代码如下:  /*经过用户技能标签增加样式*/  $(function(){   $(“.s-edited...

    jQuery1.4 API

    unbind([type], [data]) 事件委派 live(type, [data], fn) die([type], [fn]) 事件切换 hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) change( [fn] ) click( [fn] ) dblclick( [fn] ) ...

    jquery 之 $().hover(func1, funct2)使用方法

    因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样。 代码如下: $(“<SPAN xss=removed>table tr”).live({ <SPAN xss=removed>mouseenter:</SPAN> function() { ...

Global site tag (gtag.js) - Google Analytics