Orbit ZURB jquery在鼠标悬停时淡入/淡出导航按钮

Question

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

我将不胜感激。

Answer 1

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

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

.slider-nav图层位于#featured图层上方。当鼠标进入#featured并且获得属性.slider-nav时，您将失去焦点display:none。之后，焦点现在再次超过#featured，并且属性设置为display:block。它看起来像快速闪烁，因为每次移动鼠标时都会重复这一过程。