jquerymobie テーマ ローラーを使用すると、問題がほとんど見つかりませんでした。
問題 1: data-theme 属性を div の先頭に定義すると、たとえば<div data-role="page" data-theme="a">
、その中に、次の例のように別のテーマを div に配置したい場合、機能しません。例:
<div data-role="page" data-theme="a">
<div data-theme="e">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.
</div>
</div>
問題 2: 私の場合、ラジオ ボタンを を使用してグリッド ビューに配置する必要がありますclass="ui-grid-a"
。私はすでにjquerymobile<filedset>
要素にラジオボタンでラップする必要があることを知っていますが、私の場合、そのデザインは適していません。ただし、ラッピング グリッド div で data-theme="e" を指定したデフォルトのテーマにもかかわらず、ラジオ ボタンにはテーマ「e」の色が必要です。
<div data-role="page" data-theme="a">
<div data-role="header" data-position="inline" data-theme="b">
<h1>It Worked!</h1>
</div>
<div class="ui-grid-a" data-theme="e">
<form>
<div class="ui-block-a"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div>
<div class="ui-block-b"><label class="border-r"><input type="checkbox" name="checkbox-0" /> BLACK </label></div>
</form>
</div>
</div>
しかし、 http://jsfiddle.net/SmYZd/を試したオンラインの例を確認してください。ただし、特定のフォーム要素にテーマを指定すると機能します。<div class="ui-block-a"><label class="border-r"><input type="checkbox" data-theme="e" name="checkbox-0" /> BLACK </label></div>
たとえば、サンプルフォームhttp://jsfiddle.net/EEFQR/を参照してください。
誰でもこれについて教えてもらえますか?追加の css に同様の色を追加するだけで自分の色を実現できることはわかっていますが、jquerymobile css には既に多くの css が組み込まれています。data-theme
どの要素に対しても希望どおりに属性を使用できない理由を知る必要がありますか?