当用户单击选项卡时，是否可以将jQuery UI选项卡窗口小部件配置为转到新页面？

Question

使用jQuery UI Tabs小部件的默认方式是将每个选项卡的内容放在同一html页面上的div中。每个标签是否可以成为指向其他页面的链接？

Answer 1

为什么在这种情况下你会使用jQuery标签而不是普通的HTML <a>？

我猜您可以添加一个使用window.location导航到新地址的标签更改广告，如下所示：

$('#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，这也会有效。