1

私は jQuery UI 1.9 を使用しており、デモ ページで詳しく説明されているようにタブ ウィジェットを実装しました。PHP は、タブ内のデータを動的に提供します。

<script>

$(function()
    {
        $( "#tabs" ).tabs(
            {
                collapsible: true                   
            });
    });

</script>

<div id="tabs">

    <ul>
        <li><a href="#holdings">Holdings</a></li>
        <li><a href="#personal">Personal</a></li>
        <li><a href="#account">Account</a></li>
    </ul>

    <div id="holdings">
        blah blah blah
    </div>

    <div id="personal">
        blah blah blah
    </div>

    <div id="account">
        blah blah blah
    </div>

</div>

私の質問はこれです - どうすればタブの状態を保存できますか? あるクライアントを見ているときに「個人」タブを開いた場合、次のクライアントをロードして自動的に同じタブを表示するにはどうすればよいでしょうか?

私はウェブを見回しましたが、以前の回答はクッキーオプションの使用を指しています。失敗したテストといくつかのさらなる調査は、この機能が 1.9 で廃止されたことを示唆しています。

ありがとう

4

2 に答える 2

1

jQuery UI は、最新の実装で状態を維持する必要がなくなったようです。

以前は、jQuery タブを使用して、ページを読み込んでも状態を維持するのは非常に簡単でした。これは、新しいコードで実行できる 1 つの方法です。それはまだかなり簡単ですが、少し異なります。

$("#tabs").tabs({
    activate: function (e, ui) { 

    $.cookie('selected-tab', ui.newTab.index(), { path: '/' }); 

}, 
   active: $.cookie('selected-tab')  
});
于 2013-12-16T05:44:39.170 に答える
0

セッション追跡変数を実装する方法は次のとおりです......

$(function()
    {
        $( "#tabs" ).tabs(
            {
               **create: function( event, ui ) {
                    //use the create method to see if a 'client-tab-index' session 
                    //variable is set.  if so, use it to open the needed tab. if not
                    // do nothing.
                },**
                collapsible: true  ,
                **activate: function( event, ui ) {
                      //use the activate method to store the current active tab
                      //to a 'client-tab-index' session variable.  the current tab 
                      //index value is referenced with ui.newTab
                }**
            });
    });

</script>

<div id="tabs">

    <ul>
        <li><a href="#holdings">Holdings</a></li>
        <li><a href="#personal">Personal</a></li>
        <li><a href="#account">Account</a></li>
    </ul>

    <div id="holdings">
        blah blah blah
    </div>

    <div id="personal">
        blah blah blah
    </div>

    <div id="account">
        blah blah blah
    </div>

</div>

考えられる解決策のロジックを提供しているだけです。始めるのに役立つはずです。

于 2013-01-07T17:12:25.680 に答える