Jquery ui 我是否可以将jQuery UI选项卡小部件配置为在用户单击选项卡时转到新页面？

使用jQueryUITabs小部件的默认方式是将每个选项卡的内容放在同一html页面上的一个div中。每个选项卡都可能是指向不同页面的链接吗？

在这种情况下，为什么要使用jQuery选项卡而不是普通的HTML

我想您可以添加一个选项卡更改hadler，它可以使用

窗口导航到新地址。位置

，如下所示：

$('#myTabs').tabs();
$('#myTabs').bind('tabsselect', function(event, ui) {
    // you can access clicked tab index as ui.index
window.location = "foo.html";
});    

编辑，如果您只想进行样式设置，只需向元素添加正确的类即可：

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">Active tab</li>
        <li class="ui-state-default ui-corner-top">Inactive tab</li>
    </ul>
</div>

激活选项卡
非活动选项卡

---

即使用户禁用了浏览器中的所有javascript，这也会起作用。

在这种情况下，我只会将选项卡用于样式设置，而不会用于功能。最好只向元素添加正确的类。我已经给出了我的答案。我想让我困惑的是通过Javascript或添加CSS类向jQueryUI小部件添加样式的能力。感谢您的帮助。旁注：对于jQuery UI 1.9.1，您需要将“UI选项卡活动”添加到活动选项卡，以删除活动选项卡的底部边框。