jQuery 选项卡不会标记当前选定的索引

Question

我正在使用 AJAX 方法的项目使用 jQuery UI 选项卡。当您从列出的选项卡中进行选择时，内容会发生更改，但当前选项卡保持不变。

这是我的 js 代码：

 $('#tabs').tabs({
                select: function (event, ui) {
                    var url = $.data(ui.tab, 'load.tabs');
                    if (url) {
                        location.href = url;
                        return false;
                    }
                    return true;
                }
            });

这是我的 HTML：

<div id="tabs">
            <ul>
                <li>
                    <%= Html.TabLink("Inicio", "Dashboard","List") %></li>
                <li>
                    <%= Html.TabLink("Mis Listas", "Index", "List")%></li>
                <li>
                    <%= Html.TabLink("Mis Amigos", "FriendDetail", "List")%></li>
                <li>
                    <%= Html.TabLink("Invitar", "Invite","List") %></li>
            </ul>
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
        </div>

我错过了什么吗？

Answer 1

返回 false 会停止切换到您选择的选项卡所需的其余代码。如果您试图阻止用户重定向并只是显示新的 URL，请使用 window.location.replace()

例如

$('#tabs').tabs({
     select: function (event, ui) {
          var url = $.data(ui.tab, 'load.tabs');
          if (url) 
               window.location.replace("asdadf");
     }
});