1

私はローカルで（CDNからではなく）jQuery mobileを使用していますが、これまではすべて正常に機能していました。ここで説明するように一部のボタンのアイコンを変更したいのですが、一部のアイコン（バーや編集など）が機能しません。

更新：CDNファイルを試しましたが、どちらも機能しません。

たとえば、このコードを使用する場合：

<div data-role="content">
  <a href="index.html" data-role="button" data-icon="edit">My button</a>
</div>

ボタンはプラスアイコンでレンダリングされます。奇妙なことに、一部のアイコン（plus、arrow-u、arrow-d、forward、checkなど）は正常に機能します。誰かがここで何がうまくいかなかったのか提案がありますか？前もって感謝します！

./:     index.html
./css:  jquery.mobile-1.2.0.css   jquery.mobile-1.2.0.min.css
./css/images: ajax-loader.gif  icons-18-white.png  icons-36-white.png  icons-18-black.png  icons-36-black.png
./js:   custom-scripting.js  jquery-1.8.3.min.js  jquery.mobile-1.2.0.min.js  jquery-1.8.3.js    jquery.mobile-1.2.0.js

私のhtmlファイルの頭は次のようになります：

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css" />
  <script src="./js/jquery-1.8.3.js"></script>
  <script src="./js/custom-scripting.js"></script>
  <script src="./js/jquery.mobile-1.2.0.js"></script>
</head>
4

2 に答える 2

1

バーと編集アイコンは、1か月前にjQueryMobileに追加されましたhttps://github.com/jquery/jquery-mobile/issues/5340

これらのアイコンは、jQuery Mobileの最新の安定バージョン（1.2.0）にはありません。最新バージョンのjQuery Mobileを使用するか、jQuery Mobile 1.3.0がリリースされるまで待つと、これらのアイコンを取得できます。

于 2013-01-14T00:11:53.587 に答える
0

CSSファイル（jquery.mobile-1.2.0.css）でui-icon-editクラスのbackground-positionを設定する必要があります。例：

.ui-icon-edit {background-position: -288px 0;}
于 2013-01-13T14:18:19.007 に答える