滑动选项卡 JQuery 插件 - 如何禁用鼠标滚轮功能？

Question

我正在使用Sliding Tabs Jquery插件，它默认开启鼠标滚动功能。以下是我使用代码的参考链接。 http://mauriceaquilina.com/build/slidingtabs 现在我不需要鼠标滚轮滚动。我该如何禁用它？

我已经使用了下面的代码。

mousewheel : false,
tabsScroll: false,

但是即使安装了JQuery MouseWheel插件，它们仍然无法工作。有人能帮忙吗？

- Nidhi Ranpura

---

你是指“卸载”吗？如果你不想要鼠标滚轮支持，那么尝试不包含鼠标滚轮插件。 - andyb

是的，我不想支持鼠标滚轮效果。最初并没有添加鼠标滚轮插件，但为了禁用它，我尝试安装插件，但是仍然无法正常工作。 - Nidhi Ranpura

请删除jQuery插件文件"jquery.mousewheel.min.js"。 - user2393397

插件的新主页是 http://lopatin.github.io/sliderTabs/ 吗？ - Iman

Answer 1

我刚刚找到了解决方案。在 JQuery 文件中，我更新了以下代码，现在我的鼠标滚轮已被禁用。

以前的代码：

f.bind("mousewheel", function (a, b, c, e)

改变为：

f.unbind("mousewheel", function (a, b, c, e)

- Nidhi Ranpura

Answer 2

这对我起作用了。 之前的代码： $container.bind('mousewheel', function(event, delta, deltaX, deltaY) { if(delta > 0) plugin.next(); else if(delta < 0) plugin.prev(); return false; }); 更改为：

$container.unbind('mousewheel', function(event, delta, deltaX, deltaY) {
            if(delta > 0)
                plugin.next();
            else if(delta < 0)
                plugin.prev();
            return false;
        });

- Repressed Radar

---

这对我来说似乎更有效，谢谢user4533280。 - Michael G

Answer 3

.ui-slider-tabs.panel {
   pointer-events: none;
}

只需将 CSS 添加到主类 .ui-slider-tabs.panel 中即可。

pointer-event: none;

在Firefox和chrome中对我起作用

- Nirmal Singh