UI Tabs で選択したタブを Cookie に記録する
タブを選択してから別のページへ移動した後に、タブがあるページへ戻った場合に、選択したタブの内容が表示されているようにする。
もっとも簡単な記述方法
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/ui.core.js"></script> <script type="text/javascript" src="/js/ui.tabs.js"></script> <script type="text/javascript"> <!-- $(document).ready(function() { $("#your_div_id > ul").tabs({ cookie: { expires: 2 } /* expires は日単位のみ(?)で指定 */ }) }); --> </script>
UI Tabs の Options の他の設定内容は下記を参照。
UI/Tabs/tabs - jQuery JavaScript Library
他の記述方法
下記のサイトを参照。
自分が試した限りはちゃんと動作しなかった。
jQuery tabs and cookies - temporaneità