2012年03月27日

jQueryMobileとjQuery-UIを使用時、アイコンを指定してもアイコン画像がきちんと表示されないことがある

jQueryMobileを使用する際に、data-iconなどでアイコン画像を設定できますが、jQuery-UIを併用していると、図のようにアイコン画像が潰れてきちんと表示されないことがあります。
IMG_0454.PNG
アイコンの座標を間違って読みにいくようで、PCではきちんと表示されるのにiPhoneでは表示されないといった現象も確認できました。
解決方法としては、スタイルシートの読み込みの順番を変えてやれば良いようです。

<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="jquery-ui.css" />

ではなく

<link rel="stylesheet" href="jquery-ui.css" />
<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />



posted by BigMoonEz at 20:08 | Comment(2) | TrackBack(0) | jQuery Mobile | このブログの読者になる | 更新情報をチェックする