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

How to change options value by hover() or mouseenter function e.g

本文关键字：选项 例如 函数 mouseenter hover 何通过      更新时间：2024-03-05

经过数小时的研究，我希望有人能为我提供一些见解。我想实现这个sliderTabsjQuery插件。

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

当鼠标悬停在滑块div上时，有什么方法可以实现停止幻灯片放映吗？

我这样调用插件：

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

感谢您抽出时间！

根据您在GitHub上提交的插件，我可能发现了一个可能的错误。

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

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

尝试初始化函数外的变量。还要在那里添加一个console.log()，以检查它是否真的被调用了。

编辑：我自己用一份本地副本试了一下，结果完美无瑕。我的代码：

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

一点问题都没有。为了验证，这里是我的幻灯片选项卡1.1副本的粘贴：http://pastebin.com/0QGywjRd

相关文章：