JQuery 可滚动选项卡与所选选项卡对齐

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/