6

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

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

これで機能しますが、各ページにこの行を追加し、新しいページを追加するたびに追加する必要があります。bodyタグに追加data-theme="s"してみましたが、効果はありません。ページごとに手動で設定する以外にこれを行う方法はありますか？

4

2 に答える 2

8

あなたはそれをプログラムでやらなければならないでしょう、AFAIK。

次のようなもの：

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

さて、一元化されたフックがないので、次のすべてのテーマオプションに対して同様の行を実行する必要があります。

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

等々。

それらすべてのリストはありませんが、jquery.mobile-1.0rc1.jsを検索すると、次の.prototype.options.ことがわかります。

$.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以下のMoakのコメントに基づいて、同様に更新する必要があります。

于 2011-10-28T03:19:23.180 に答える
1

以下は私のために働いた。JQMが初期化された後に呼び出されることを確認してください。

$.mobile.page.prototype.options.theme = "b";
于 2014-02-24T00:16:40.523 に答える