1

私はどこでも検索し、すべての回答を調べましたが、まだ自分で解決策を見つけることができません. リンク データ アイコンのカスタム png 画像がヘッダーに表示されません。これが私が持っている構造です：

<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" style="height:100px">
    <img style="width:100%; height:100px" src="style/images/appbg.png" alt="Header"/>
    <a data-role="button" data-iconpos="left" data-icon="my-home">Home</a>
</div>

そして、ヘッドセクションには次のものがあります。

<style>.ui-icon-my-home{background-image: url("style/images/home.png");}</style>

うまくいくようです。スタイル 50% 50% no-repeat を追加しようとしましたが、これを css ファイルに追加しようとしました...何も機能しませんでした。

jquery 2.0 分、jquery-mobile-1.3.1.min、および jquery-mobile-1.3.1.min.css を使用しています。たぶん、これらの新しいバージョンは動作しませんか? 古いバージョンを使用する必要がありますか?

また、最初に CSS をロードし、次に jQuery をロードし、最後に jQuery Mobile をロードします。もう1つのことは、通常のimgタグを実行すると画像が表示されることです...パスは正しいです。リンクデータアイコンに画像を入力しようとすると、表示されません。ここで私を助けてください...

4

1 に答える 1

0

私はあなたが私の質問を理解していることがわかります.私は質問を見抜くことができる人が好きだと告白しなければなりません.

この問題を理解したい場合は、jQuery Mobile の仕組みを理解する必要があります。標準的な方法で使用すると、すべてが DOM 内に格納されるため、使用されるすべての HTML ページが DOM 内に格納されます。何が起こっているのかわからない場合、これは問題を引き起こす可能性があります。残念ながら、公式ドキュメントを調べたとしても、これが明示的に伝えられていることはわかりません。

最初のページのみが完全にロードされ、1 ページおきに BODY のみがロードされ、さらに data-role="page" DIV のみがロードされます。そして、それ以外はすべて破棄されます。残念ながらこういうことなので注意が必要です。私の以前のリンクでは、いくつかの予防方法を見つけることができます.

他の問題はIDです。DOM の仕組みにより、同じ ID を内部に持つことができますが、何らかの方法でそれらにアクセスしようとすると、最初の ID のみがアクセスされます。基本的に、すべてのページに一意の ID があることを確認する必要があります。jQuery Mobile には優れたセレクターがあるため、残りのコンテンツは同一である可能性があります。

 $.mobile.activePage

たとえば、次のように、現在アクティブなページの現在のデータにアクセスするために使用できます。

$.mobile.activePage.find('someID');
于 2013-05-29T16:42:04.423 に答える