如何通过hover（）或mouseenter函数更改选项值，例如

Question

经过数小时的研究，我希望有人能给我一些见解。 我想实现这个 sliderTabs jQuery插件。

使用此插件的问题是选项pauseOnHover不起作用，即使我下载了包含所需选项的插件分支（仍然不起作用）。

当鼠标悬停滑块div时，有没有办法实现停止幻灯片放映？

我正在调用这个插件：

jQuery(document).ready(function() {
    var slider = jQuery("div#sliderTabs").sliderTabs({
      autoplay: 1000,
      mousewheel: false,
      transitionSpeed: 1500,
      tabs: true,
      position: "top",
      pauseOnHover: true
    });
});

感谢您的时间！

Answer 1

根据您对GitHub插件的提交，我可能发现了可能的错误。

第211行： var instanceAutoPlay = setInterval(plugin.next, settings.autoplay);

var instanceAutoPlay在选项的if() {} - 语句中实例化。

尝试在函数外部初始化变量。另外在那里添加console.log()以检查它是否实际被调用。

修改 我自己用本地副本试了一下，它完美无缺。 我的代码：

<script type="text/javascript">
$(function() {
    var slider = $("div#mySliderTabs").sliderTabs({
        autoplay: 3000,
        mousewheel: false,
        position: "top",
        pauseOnHover: true
    });
});

完全没问题。 要验证，这是我的sliderTabs 1.1副本的粘贴：http://pastebin.com/0QGywjRd