jquery-ui - 如何让 jQueryUI 从一开始就显示正确的选项卡？

Question

我正在使用 jQueryUI 在页面上显示一些选项卡。显示的选项卡并不总是相同的，所以有时我将不同的选项卡设置为活动的。

<script>
    $(function() {
        $("#tabs").tabs({'active': 1});
    });
</script>

我在后端生成此代码，因此当浏览器加载页面时它就在那里，但无论如何，第一个选项卡会显示几分之一秒，然后才会显示活动选项卡。

如何从一开始就显示激活选项卡？

Answer 1

只需将您的代码更改为：

<script>
    $(function() {
        $("#tabs").tabs({selected: index});
    });
</script>

其中 index 是从 0 开始的选项卡编号