2012-02-21 12 views
1

クッキーでJQUERY UI TABSを使用してタブを保持していますが、機能しません。これは正しいです?jQuery UIのタブがクッキーで動作しない

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
     <script src="JS/jquery.cookies.2.2.0.min.js" type="text/javascript"></script> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 

     $("#tabs").tabs({ cookie: { expires: 30} }); 

     <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">Tab 1</a></li> 
      <li><a href="#tabs-2">Tab 2</a></li> 

     </ul> 
     <div id="tabs-1"></div> 
     <div id="tabs-2"></div> 
     </div> 
+1

[cookie plugin](http://plugins.jquery.com/project/cookie)を参照しましたか? –

+0

ブラウザでCookieを有効にしていますか?何がうまくいきませんか? –

+0

はい、cookieのプラグインはhttp://code.google.com/p/cookies/downloads/detail?name=jquery.cookies.2.2.0.min.js.zip&can=2&q=から参照しています。 – Ram

答えて

0

Cookieプラグインは含まれていますか?これは、jQueryのUIのタブのクッキーの永続性機能を使用するために、あなたも含まなければならないことを意味

依存

UI Core 
UI Widget 
Optional: jquery.cookie.js for use with cookie option 
(also included in development-bundle>external folder.) 

:jQueryのUI Tab documentationへの依存

注意jquery.cookie.js JavaScript(jQuery UI JavaScriptの上)。たとえばについては

<script src="/scripts/jquery.min.js" type="text/javascript"></script> 
<script src="/scripts/jquery.cookie.js" type="text/javascript"></script> 
<script src="/scripts/jquery-ui.min.js" type="text/javascript"></script> 

これを確認した後、正しいクッキーの永続性は依然として失敗し、場合、あなたはFireBugがインストールされていると、あなたの元の質問のいずれかのエラー出力が含まれることを確認します。

+0

どこを見つけましたか?私の現在のJQueryディストリビューション(1.10.1)にはありません –

+1

@AskarIbragimov彼らは1.10以降を削除したようです - http://jqueryui.com/upgrade-guide/1.10/#re​​moved-cookie-option –

+0

Firefox最新バージョンからダウンロードして、この方法で動作するタブクッキーを入手しました。ここからクッキープラグインをダウンロードしてください:http://plugins.jquery.com/cookie/次に、このサイトをクッキーの実装に使用しました:http://www.bloodforge.com/post/jQuery-19-and-UI-110-tabs-with-cookies.aspx。将来誰にでも役立つことを願っています。 – Michael

関連する問題