jQueryのUIタブ - クッキーの競合と追加されたタブの選択？

Question

jquery.cookiesを使用して、更新後にタブを選択したままにしています。

新しいタブが作成されるとすぐに、そのタブが選択されるようにしたいと思います。 - 私は新しいタブ、以前に開いたままになり、選択したものを作成したときに（クッキーが上書きされるかもしれないので

var cookieName = 'stickyTab'; 

    $(".tabs").tabs({ 
     fx: { 
      opacity: 'toggle', 
      duration: 'fast' 
     }, 
     selected: ($.cookies.get(cookieName) || 0), 
        select: function(e, ui) 
       { 
       $.cookies.set(cookieName, ui.index); 
       } 
    }); 

    var $tabs = $('.tabs').tabs({ 
    add: function(event, ui) { 
     $tabs.tabs('select', '#' + ui.panel.id); 
    } 
}); 

残念ながら、これは動作しません：私は現在持っているjQueryのUI命令を使用して

select機能？

私のタブがPHP POSTを介して作成され、データはDBから取得し、LIとDIV要素を作成するために、ループバックされます。（つまり、私のタブがあるない作成したディレクトリ間違いなくJSから）。

誰でもこれを解決するための提案がありますか？

ありがとうございます！

Answer 1

あなたのバグは、JavaScriptを使用してCookieを更新しているに過ぎませんが、ページの再読み込み時にPHPを使用して新しいタブを追加しているためです。これにより、新しいタブが追加されますが、Cookieと同期されません。

jQuery UIタブselectedプロパティはインデックスであるため、そして、あなたは、タブは、アレイ、シンプルを介して作成されている：

setcookie('stickyTab',count($array)-1); 
// this will set the selected tab to the last appended tab 

は、あなただけの新しいタブが追加されたときに、このステートメントを実行する必要があります注意してください。それ以外の場合は、JSを介してクッキーセットを上書きします。

これ以上問題が発生した場合は、必ずコメントしてください。解決するようにしてください。