cordova - ダイナミックに変化するテーマ

Question

jQueryMobileとPhoneGapを使用してアプリを作成しています。テーマを動的に変更したいので、次のようなものを作成しました。

function theme()
{
    Array.prototype.forEach.call(document.getElementsByTagName("*"), function (el) {
    el.setAttribute("data-theme", "e");
});
}

問題は、要素上でマウスをスクロールした後、またはたとえば「タップ」イベントでのみテーマが変更されることです。

ページをリロードせずに修正するにはどうすればよいですか？テーマを設定して、開始時にすべてのサイトに表示したいと思います。

Answer 1

あなたがしようとしている方法で行うことはできません。jQuery mobileがページが表示される前data-themeに属性を確認すると、魔法のように機能します。つまり、選択したテーマに基づいて、適用されるCSSルールを変更します。したがって、ページをリロードしたくない場合は、属性ではなくcssルールを変更する必要があります。このようなもの：data-theme

$('#button1').css(....);