jQuery Mobile を使用してモバイル アプリを作成しています。独自のデザインを適用しようとしていますが、これまでのところうまくいきましたが、問題が発生しました。
できる限りクリーンなUIを構築しようとしているので、シャドウやグラデーションなどを排除しようとしdata-role="listview"て<div>います、リストビューには使用したくありません。
これまで、jquery mobile の JavaScript コードを変更することを考えてきましたが、ベスト プラクティスではないと思います。
あなたのアイデアを得ることができれば素晴らしいことです。
ありがとう。
JQMとそれぞれのCSSで取り上げた方法は、新しいバージョンがリリースされたときに更新できるため、これらのファイルには触れないことです。JQMファイルの後に独自のカスタムJSファイルとcssファイルをそれぞれロードします。独自のファイルでは、HTMLタグの属性では単純に処理できない、変更する特定のカスタマイズされたアイテムを指定します。クラスまたは関数をそれぞれの場所で再定義するだけです。これが、実際にJQMファイルに触れることなく、前進し続けるのに役立つことを願っています。
属性を使用して、ウィジェットに影 (およびその他のもの) が必要かどうかを指定できますdata-*。
<ul data-role="listview" data-shadow="false">
...
</ul>
JSFiddle テストを作成した後、jQuery Mobile では、オプションを使用してインセット リストビュー ワイドから影を削除できないことに気付きましたが、ボタンなどのほとんどのウィジェットでこれを行うことができます。デモは次のとおりです: http://jsfiddle .net/4VXfb/
<a data-role="button" data-shadow="false" href="#">I'm a button without shadows.</a>
jQuery Mobile ウィジェットのオプションについては、http: //jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.htmlのドキュメントを参照してください。