2

すべての（data-role = "button"）に（data-theme="b"）水色のテーマを設定したい。

jQueryを作成する人々は、これを何千回も再入力することで人生を真剣に無駄にしないことを私は知っています。それで、.cssプロパティが定義されているように適用され、ヘッダーに配置するか、別の.jsファイルをリンクする必要がありますか？

.button { data-theme: b; }CSSでは、パイのように簡単に見えることを私は知っています。賢い人は、1か所で何度も繰り返す必要のあるタスクを実行することで時間を節約します。

しかし、jqueryでは常に次のように記述されているようです。

<div data-role="navbar">
    <ul>
        <li><a href="#home" data-role="button" data-icon="home" data-theme="b">Home</a></li>
        <li><a href="#" data-role="button"data-icon="arrow-r" data-theme="b">Blog</a></li>
        <li><a href="#videos" data-role="button" data-icon="arrow-r" data-theme="b">Videos</a></li>
        <li><a href="#photos" data-role="button" data-icon="arrow-r" data-theme="b">Photos</a></li>
        <li><a href="#tweets" data-role="button" data-icon="arrow-r" data-theme="b">Tweets</a></li>
    </ul>
</div>

これを回避する方法はありますか、それともデフォルトのテーマのままにしておく方が賢明ですか？

4

1 に答える 1

2

<a>これは、タグとbutton属性を組み合わせたJQueryセレクターで実現できるはずです。

$("a[data-role='button']").attr("data-theme","b");

編集

どうやら、JQueryMobileテーマを更新するのは少し難しいかもしれません。SOで数回尋ねられます; ここにいくつかの情報があります。JQMFAQから。

于 2012-12-18T21:02:15.493 に答える