代码之家 › 专栏 › 技术社区 › st4ck0v3rfl0w

jquery.live()问题

jquery

st4ck0v3rfl0w · 技术社区 · 14 年前

我最近转换了代码以生成动态生成的结果。下面的代码可以很好地切换control_hover类。

前码

$(".control").hover(function () {$(this).addClass("control_hover");},function () {$(this).removeClass("control_hover");});

但是,现在对于活动代码,它似乎不执行removeclass部分。

新代码

$(".control").live('hover',function () {$(this).addClass("control_hover");},function () {$(this).removeClass("control_hover");});

很明显我做得不对。任何帮助都将不胜感激。

2 回复 | 直到 14 年前

user113716 14 年前

使用时 .live() 具有 hover 不需要2个功能。您需要发送一个函数来测试触发哪个事件。

试一试: http://jsfiddle.net/RpV6y/

$(".control").live('hover',function (evt) {
      if(evt.type == 'mouseover') {
          $(this).addClass("control_hover");
      } else {
          $(this).removeClass("control_hover");
      }
 });

另一个选择是使用 toggleClass . 这两个事件仍将发生。

试一试: http://jsfiddle.net/RpV6y/1/

$(".control").live('hover',function (evt) {
     $(this).toggleClass("control_hover");
});

skalee 14 年前

Live只能接受一个处理程序。尝试:

$(".control").live('mouseenter', enterhandler).live('mouseleave',leavehandler);

http://api.jquery.com/live/ 参见警告部分

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前