0

AJAXアプローチのプロジェクトにjQueryUIタブを使用しています。リストされたタブからオプションを選択すると、コンテンツは変更されますが、現在のタブは同じままです。

これが私の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>

私は何かが足りないのですか？

4

1 に答える 1

0

falseを返すと、選択したタブに切り替えるために必要な残りのコードが停止します。ユーザーがリダイレクトして新しいURLを表示するのを阻止しようとしている場合は、window.location.replace（）を使用してください。

例えば

$('#tabs').tabs({
     select: function (event, ui) {
          var url = $.data(ui.tab, 'load.tabs');
          if (url) 
               window.location.replace("asdadf");
     }
});
于 2011-04-01T13:05:14.087 に答える