Question

我一直在使用此处的代码制作可滚动的标签http://jsfiddle.net/mekwall/dECtZ/。它工作得很好，但在尝试默认初始选定选项卡时遇到了问题。

选项卡超出显示的选项卡范围（加载时显示13个选项卡中的5个，并且我已选择在加载时选择第8个选项卡。）

请在此处查看问题示例：http://jsfiddle.net/chriscdk/cf7yvLfz/

我希望我可以在插件中使用

$(function() {
    $("#tabs1").tabs({
        scrollable: true,
        changeOnScroll: false,
        selected:8
    });
});

但是我找不到任何关于JQuery API的东西。

Answer 1

查看该小部件扩展的构造函数，它提供了scrollTo函数。不幸的是，该功能没有暴露给用户;所以你可以添加一条暴露它的线：

this.scrollTo = scrollTo;

然后，您可以通常的方式调用它：

var scrollValue = 200, delay = 0;
// you probably want to calculate a scrollValue from the default tabs'
// width and selection number instead of hardcoding a value
$("#tabs").tabs("scrollTo", scrollValue, delay);

值得考虑的是，此功能是故意不曝光。原作者可能并不打算让人们像刚刚描述的那样做一些讨厌的黑客。 正确的方法是编写自己的（可能基于原始？）滚动功能，并使用它扩展小部件。

但是，如果您不太关心以后的维护，可以使用这种双线黑客，仔细观察未来的任何变化。

这是您的小提琴更新：http://jsfiddle.net/xfhzyece/

JQuery Scrollable Tabs捕捉到选定的选项卡

1 个答案: