... Now this works, but requires that I add this line in each of my pages and every-time I add a new page. "> ... Now this works, but requires that I add this line in each of my pages and every-time I add a new page. "> ... Now this works, but requires that I add this line in each of my pages and every-time I add a new page. " />

デフォルトのデータテーマをjQuery Mobileから変更する

jQuery Mobileでは、カスタムテーマを使用してページを作成できます

<div data-role="page" data-theme="s" id="home">...

Now this works, but requires that I add this line in each of my pages and every-time I add a new page. I tried adding data-theme="s" to the body tag but this has no affect. Is there any way to do this other then setting it manually per page?

6

2 答え

AFAIKをプログラムで実行する必要があります。

次の行に沿った何か:

$(document).bind( "mobileinit", function() 
{
    ...
    $.mobile.page.prototype.options.contentTheme = "z"; //your theme
    ...
});

今度は、集中フックがないので、すべてのテーマオプションで同様の行を実行する必要があります:

$.mobile.page.prototype.options.headerTheme
$.mobile.page.prototype.options.footerTheme

等々。

私はすべてのリストを持っていませんが、 .prototype.options。を検索する jquery.mobile-1.0rc1.js を見てみると、

$.mobile.page.prototype.options.backBtnTheme
$.mobile.page.prototype.options.headerTheme
$.mobile.page.prototype.options.footerTheme
$.mobile.page.prototype.options.contentTheme
$.mobile.listview.prototype.options.filterTheme

だから、私と同じように行くことができ、あなたが行くにつれてもっと発見することができます。 のようにすべてが作成されているわけではありません。一部はコード内で動的に作成されます。私が意味するものを見るために Theme の文字列を探します。

更新

$.mobile.page.prototype.options.theme should be updated as well - based on Moak's comment below.

8
追加された
OK、ありがとう、私はそれを調べ、報告する。これは実行可能な解決策ですが、このために実装される方法はないと思われるほど愚かなようです。
追加された 著者 Moak,
これが働いた $。mobile.page.prototype.options.theme
追加された 著者 Moak,
1.4.0(以前のリリースは不明)では、jquery.jsとBEFORE jquery.mobile * .jsをロードした後でこれを行う必要があります
追加された 著者 Lou Franco,
1.4.0では、 $。mobile.page.prototype.options.theme を設定するだけで十分です。
追加された 著者 Lou Franco,

次は私のために働いた。 JQMが初期化された後に呼び出されるようにしてください。

$.mobile.page.prototype.options.theme = "b";
1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript