【问题标题】:Navigation not hidding after hover on next element悬停在下一个元素上后导航不隐藏
【发布时间】:2011-03-28 20:15:54
【问题描述】:

我需要一个导航,当我鼠标移出时,等待 1 秒,然后隐藏,

我的代码在这里

http://jsfiddle.net/xR83q/

但它不能正常工作

你能告诉我我做错了什么吗?

【问题讨论】:

  • 在 FF4 中工作。您在哪些浏览器中看到问题?

标签: jquery navigation hover time-wait


【解决方案1】:

改用mouseentermouseleave - 将最后两行更改为:

$j('#menu-navegacion-principal > li')
    .bind('mouseenter', navIn)
    .bind('mouseleave', navOut);

$j('#menu-navegacion-principal > li:has(ul)')
    .bind('mouseenter', navInS)
    .bind('mouseleave', navOutS)

【讨论】:

  • 感谢您的回答,但我试了一下,仍然无法修复悬停不隐藏在正确的时间。
  • Chrome,现在我找出了问题所在,$("#"+_CancelBtn).hide(); ,需要它是 $j 而不是 $,感谢您的时间^^
  • 没有问题。不过,对于这种特殊情况,您仍然应该使用 mouseentermouseleave。 :) 很高兴你把它整理好了!
  • “悬停”和绑定“mounseenter 或 mouseleave”有什么区别?我有什么好处吗?
  • 当子元素鼠标悬停时,hover 事件将触发 mouseout,而使用 mouseenter mouseleave 将正确考虑子元素,这样事件就不会误冒泡并触发意外事件。
猜你喜欢
  • 2011-11-29
  • 1970-01-01
  • 1970-01-01
  • 2012-03-13
  • 1970-01-01
  • 1970-01-01
  • 2013-03-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多