初めて触ったjQuery Mobileでいろいろ躓きつつも、SPOTの自社サイトもなんとかスマホ対応化の目処が立ちそうです。
詳しい手順は後日追って記事にしようかと思いますが、今回は取り急ぎご報告を。
今回スマホ対応をjQuery Mobileで行うにあたって、 Theme Rollerで独自のカラーテーマを作成しました。
先日(11/18)に満を持して、ついに正式版になったjQuery Mobileなのですが、実はTheme Rollerで生成したコードはRC2のままでした。
(RC3の時も忘れられてたようですね。)
ダウンロード時のweb上の表示も、DLしたファイルのindex.html内の表示も共にこうなってしまっています。
RC2のままでどのような問題が起こるのかは把握できてないのでもしかしたら問題はないのかもしれませんが、ちょっと気持ち悪いですよね。
jquerymobile正式版1.0のファイル自体はstructureもちゃんと有るみたいなので、URLを以下のように変えておけばいいと思います。
1 2 3 4 |
<link rel="stylesheet" href="themes/xxxxx.min.css"> //xxxxxは自分でつけた名前 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile.structure-1.0.min.css" /> //二箇所の1.0rc2を1.0に <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> //二箇所の1.0rc2を1.0に |
以上、Theme Rollerで出力されるコードが未だにRC2な件についてでした。