1

PHP でモバイル Web サイトを独自に構築しましたが、jQuery Mobile の一部を使用して、モバイル デバイスでの表示を改善したいと考えていました。

私は自分のサイトを強化するために使用するフォームやリスト ビューなどの jQuery からピースを選択しようとしています。私は自分のウェブサイトを維持したい素敵なテーマをすでに持っているので、ほとんどのコードを書き直さずにこれをやろうとしています.

私が最初に試みたのは、jQuery Mobile のフォーム要素を使用することでした。それらをページに挿入すると、すべてが斜めになりました。

ここに画像の説明を入力

jQuery Mobile コードを挿入する前は、次のようになっていました。

ここに画像の説明を入力

ソースを表示するには、jQuery コードを含む Web サイトをここで見つけることができます。

http://www.beerportfolio.com/jmobile

jQuery Mobile コードのない Web サイトは、次の場所で確認できます。

http://www.beerportfolio.com/mobile

CSSの問題だと思いますが、Chromeでインスペクト要素を使用しても見つけることができません。

アップデート：

inspect 要素をよく見ると、jquery がこのコードをページに挿入していると思います。私はそれをたくさん取り出そうとしましたが、問題は解決しました！問題は、このコードをクロムの検査要素でしか取り出すことができず、jquery mobile がコードを挿入するのを防ぐ方法がわからないことです。

以下は、私が編集した要素と編集しなかった要素の検査要素の写真です。

ここに画像の説明を入力

4

2 に答える 2

1

短い答えはそうです、jQueryMobileのほんの一部を使用することができます。

data-role = "none"属性を追加することで、特定のフォームまたはボタン要素を拡張しないようにJQMに指示できます。または、data-enhance = "false"を追加することで、拡張すべきでないコンテナーを指定できます。コンテナ（この方法で行う場合は、trueに設定する必要もあります）。それとは別に、CSSを使用して特定の要素をターゲットにし、JQMスタイルを「オーバーライド」することができます。 $.mobile.ignoreContentEnabled

さらに、フレームワークのどの部分をダウンロードするかを指定できるダウンロードビルダーがあります。

特定の例では、サイドバーdivを* data-role = "content" divに移動するか、data-role ="page" divの外に移動することをお勧めします。

于 2013-01-18T05:23:47.863 に答える
0

jQuery Mobile は jQuery の拡張であるため、正しく動作するには jQuery が必要です。

jQuery Mobile のドキュメントページで報告されているとおり:

いらっしゃいませ。jQuery Mobile は、一般的なすべてのスマートフォン、タブレット、およびデスクトップ デバイスでアクセスできるサイトとアプリを構築する最も簡単な方法です。jQuery 1.7.0 から 1.8.2 の場合。

当然のことながら、jQuery Mobile には独自の CSS が必要なので (jQuery は必要ありません)、Web サイトに組み込むと、さまざまな方法でレンダリングされます。

于 2013-01-18T03:49:22.267 に答える