鼠标悬停时轨道 ZURB jquery 淡入/淡出导航按钮

Question

我正在使用 jQuery 图像滑块插件 - Orbit。我正在尝试在鼠标悬停/鼠标移出时显示/隐藏导航按钮。不知何故，我设法做到了这一点： http://jsfiddle.net/sherlock85/mZYX9/15/ 但是，当您将鼠标光标移到导航按钮上时，它会闪烁并且不会更改幻灯片。

我将不胜感激任何帮助。

Answer 1

使用以下代码。您必须为 hover 添加 div.slider-nav：

$("#featured, div.slider-nav").hover(function(){
  $("div.slider-nav").css({display:'block'});
}, function() {
  $("div.slider-nav").css({display:'none'});
});

.slider-nav 层位于 #featured< /代码>层。当鼠标进入 .slider-nav 并获取属性 display:none 时，您将失去焦点到 #featured。之后，焦点再次位于 #featured 上，并且属性设置为 display:block。它看起来像快速闪烁，因为每次移动鼠标时都会重复这种情况。