2

アイコンボタンが表示されないjqueryモバイルアプリを使用しています。アイコンへの正しいパスの css ファイルを編集しましたが、まだ表示されません。事前に助けてくれてありがとう。

ボタンを作成しているコードは次のとおりです

    <div data-role="content">
    <a href="new.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e">Capture New</a>
    <a href="settings.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e">Settings</a>
    <a href="timeline.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="e">Timeline</a> 
</div><!-- /content -->

これは私がヘッダーにロードしたものです

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel = "stylesheet" href="assets/css/jquery.mobile-1.0.1.min.css" />
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.mobile-1.0.1.min.js"></script>

これは、ボタンのトリミングされたスクリーンショットです。奇妙な理由でアイコンが表示されません。 ボタンのスクリーンショットを切り取ったものを次に示します。

4

1 に答える 1

2

私の推測では、CSS スタイルシートに関連付けられている images ディレクトリを適切にアップロードしていない可能性があります。コンソールまたは開発者ツールのネットワーク タブを見ると、アイコン スプライトが見つからないというエラーが表示されるはずです。

これは、分離されたコードですが、jQuery Mobile ファイルの CDN バージョンを使用して接続されています: http://jsfiddle.net/wzMRz/。アイコンが希望どおりに表示されていることがわかります。

/images/jQuery Mobile ファイルを自分でホストする場合は、jQuery Mobile インクルードを含む ZIP ファイル内のディレクトリを必ずホストしてください。スタイルシートが画像を適切に参照できるように、このディレクトリは CSS スタイルシートと同じディレクトリにある必要があります (または、スプライトを移動したい場合は、スタイルシートの URL を更新して反映させる必要があります)。 .

于 2012-08-04T16:53:39.213 に答える