1

私が埋め込んjquery.mobile-1.1.0.cssでいるときjquery.mobile-1.1.0.js、私のプロジェクトでは、すでに使用しているJquery UIテーマを上書きします:

white rounded shapeすべてのボタンがモバイル サイトで使用される ボタンのようになり、Center loading image circle常にそこにあることを意味します。次に、これらの両方を配置しましたtop of all scripts and stylesheetsが、jquery UI スライダーやその他のものが正しく機能していませんが、buttons problem and that center images circle prolemなくなりました。

ここで何が起こっているのか誰か教えてくれませんか?

4

2 に答える 2

0

メインページに含める順序を変更する

<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.css"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.js"></script>

<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.css"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery.mobile-1.1.0.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

最後に、そのページに配置するファイル(スタイルシート)を配置します。

これはChromeで確認できます

いくつかdivを調べて、任意のページのスタイルを確認します。divのスタイルは、設定時に、最後に添付されたスタイルに変更されます。

2つのスタイルが同じファイルにある場合、両方のスタイル(divのスタイル)はそのdivで機能しますが、添付されているスタイルはそのファイルの最後の行のものです。

于 2012-05-21T08:59:59.290 に答える
0

jquerymobilecssによって使用されるいくつかのクラスを上書きしますjquery-ui。スクリプトを一番上に移動しても機能しない理由は、jquerymobileフレームワークがドキュメントの準備ができたときにいくつかの要素を自動的に拡張するためです(次のようなデフォルトオプションのいくつかを構成することで、一部の要素を拡張しないように指定できます

$.mobile.selectmenu.prototype.options.nativeMenu一部のメニューなどに。

特定の要素の拡張は、jquerymobileに必要なデータ属性を与えないことで防ぐことができますが、ボタンなどの特定の要素は、jquerymobileに固有の属性に言及することなく自動的に拡張されます。

于 2012-05-21T08:40:44.083 に答える