使用 jQuery 使 Nivo 滑块方向导航箭头淡入答案

【问题标题】：Making Nivo Slider Direction Navigation Arrow FADE In With jQuery使用 jQuery 使 Nivo 滑块方向导航箭头淡入
【发布时间】：2011-12-03 19:34:24
【问题描述】：

无法得到这个...试图使Nivo Slider 上的方向导航箭头淡入而不是出现。这是隐藏/显示定向导航的代码：

//Hide Direction nav
if(settings.directionNavHide){
    $('.nivo-directionNav', slider).hide();
    slider.hover(function(){
        $('.nivo-directionNav', slider).show();
    }, function(){
        $('.nivo-directionNav', slider).hide();
    });
}

我认为这就像将 .hide() 更改为 .fadeOut('fast') 和将 .show() 更改为 .fadeIn('fast') 一样简单。然而，在第一张幻灯片更改后，它们又回到了刚刚出现的状态。（见那个问题here）我该如何解决这个问题？ Here 是整个未修改的 js 文件。

ETA：刚刚了解到，在从一张幻灯片到下一张幻灯片的过渡期间，以及在任何过渡之前的第一张幻灯片上，淡入淡出仍然会发生。看起来过渡效果会破坏目录导航的淡入淡出。

【问题讨论】：

有人愿意帮忙吗？还是个问题。

标签： javascript jquery nivo-slider

【解决方案1】：

我找到了解决办法：

忽略 nivo-slider 代码并修改您自己的脚本。

就这样……

<script>
    $(function(){   
    $('#slider').hover(function(){
        $(".nivo-directionNav a").fadeIn('slow');
      });
    });
</script>

我无法让鼠标移出功能工作，但这对我的目的来说不是必需的。希望这会有所帮助。

【讨论】：

【解决方案2】：

未缩小的JS中有一行代码这样写

slider.hover(function(){$('.nivo-directionNav',slider).show();

尝试将那里的节目也更改为 .fadeIn('fast')。

【讨论】：

没关系，我觉得我是个白痴。我首先阅读了您的帖子，因为您是自己添加该代码块，而不是作为 js 文件中的代码。
是的，这快把我逼疯了！无法找出是什么破坏了褪色。