1

さまざまなテーマ オプションを備えた Phonegap アプリを入手しました。アプリの起動ごとにテーマの選択を永続化するために、jQuery で Cookie を設定したいと考えています。しかし、ブラウザー (私がテストした場所) を更新するたびに、標準テーマが戻ってきます。

ヒントを教えてもらえますか?

それは私のアプリの冒頭にあるマークアップです:

<body>
  <div class="theme1">
   <div id="page1">
   (...) // app markup
  <script src="js/jquery.js"></script>
  <script src="js/jquery.cookie.js"></script>
  <script>HERE GOES MY SCRIPT</script>
</body>

そこで標準テーマを設定しました。

今、私がしていることは、別のテーマ (たとえば、#theme8) をクリックすると、スクリプトで次のようになります。

    $('#theme8').bind('click', function () {
     if ($('body > div').hasClass('theme8')) {
      // go back to the home screen
   } else {
        $('body > div').removeClass();
        $('body > div').addClass("theme8");
       // go back to the homescreen
   }
     $.cookie('theme_eight', 'applied');
   });

それは私のクッキーです:

var theme_eight = $.cookie('theme_eight');
if (theme_eight == 'applied') { 
    $('body > div').removeClass();
    $('body > div').addClass("theme8");
};

他の7つのテーマも同様です。それで、それの何が問題なのですか?テーマの選択が持続しないのはなぜですか? それを達成するためのよりきちんとした解決策はありますか?

4

1 に答える 1