1

最初のタブにはグリッドビューのみがあり、もう一方のタブにはボタンがあります。2番目のタブのボタンをクリックするたびに、その機能に従って2番目のタブにグリッドビューを設定する必要があります。実際には設定されていますが、ページは最初のタブに戻り、次のタブをクリックして設定されたグリッドビューを表示する必要があります2 番目のタブで。そのタブにとどまるようにするには、Cookie を使用する必要があると聞きました。しかし、私はjqueryが初めてなので、これを行う方法が本当にわかりません。これは私のコードです。

 $(function() {
var tabs = $( "#tabs" ).tabs();
 tabs.find( ".ui-tabs-nav" ).sortable({
 axis: "x",
 stop: function() {
 tabs.tabs( "refresh" );
             }
 });
  });

そして、ここにdivがあります：

<div id="tabs" class="tab"> 
          <ul> 
         <li><a href="#tabs-2" >Visitors For Today</a></li> 
         <li><a href="#tabs-1">Reports</a></li> 
          </ul>
    <div id = "tabs-1">
         //some codes
    </div>
    <div id = "tabs-2">
         //somecodes
    </div>



</div>

下手で申し訳ないのですが、これでいいですか？

 $(function() {
    var tabs = $( "#tabs" ).tabs({
    cookie: {
               name: 'my-unique-cookie',
               expires: 1,
               path: '/'
                     }
            });
        tabs.find( ".ui-tabs-nav" ).sortable({
            axis: "x",
             stop: function() {
             tabs.tabs( "refresh" );
             }
          });
     });
4

4 に答える 4

1

Cookieプラグインへの参照を追加するのと同じくらい簡単なはずです（ダウンロードしてプロジェクトに追加し、ローカル参照を追加しますtabs()）。次に、呼び出しを次のように修正します。

    $("#tabs").tabs({
        cookie: {
            name: 'my-unique-cookie',
            // store cookie for a day, without, it would be a session cookie
            expires: 1,
            path: '/'
        }
    });

nameとオプションの両方をカスタマイズする必要がありpathます。オプションのリファレンスはhttps://github.com/carhartl/jquery-cookie#cookie-optionsにあります。そのままにしておくと、Cookie はサイト全体で有効になり、my-unique-cookie.

于 2013-02-12T02:51:19.327 に答える
1

あなたが言ったように、jquery クッキー ( http://www.electrictoolbox.com/jquery-cookies/ ) を使用して現在のタブのインデックスを保存し、ページをリロードするときにactiveオプションをtabs()インデックスに設定することができます保存したばかりです（http://api.jqueryui.com/tabs/#option-active）。

于 2013-02-12T02:39:05.300 に答える
0

更新が遅くなり申し訳ありません。ASPにあるため、Cookieを使用せずにこの問題を解決しました。これがどのようだったかです：

$("#tabs").tabs({

activate: function() { 

var selectedTab = $("#tabs").tabs('option', 'active');

$("#<%= hdnSelectedTab.ClientID %>").val(selectedTab);

//alert(selectedTab);

},

active: $("#<%= hdnSelectedTab.ClientID %>").val()

});

次に asp で：

<asp:HiddenField ID="hdnSelectedTab" runat="server" Value="0" />

これが役立つことを願っています..すべての助けに感謝します. わかりにくかったので、Cookieを使用できませんでした申し訳ありませんが、jqueryは本当に初めてです

注：バージョンによってコードが変更されるため、jquery-ui 1.9を使用していました

于 2013-02-15T03:33:41.827 に答える
0

ブラウザの履歴とリロード ボタンの活用

http://www.asual.com/jquery/address/を使用でき ます

デモを見る

http://www.asual.com/jquery/address/samples/express/

于 2013-02-12T02:21:37.103 に答える