さまざまなテーマ オプションを備えた 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つのテーマも同様です。それで、それの何が問題なのですか?テーマの選択が持続しないのはなぜですか? それを達成するためのよりきちんとした解決策はありますか?