■

iPhone,iPadで見たときはJQueryMobileを使ってヘッダー固定のボタンを表示させたい。
そのため、次のスクリプトを記載。

<script type="text/javascript" charset="UTF-8" src="./js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" charset="UTF-8" src="./js/jquery.mobile-1.0.min.js"></script>

jQueryMobile1.0は1.6.4以降は非対応なので必ずこのバージョンを使う。
記述の順番も必ず先に「jquery-1.6.4.min.js」、そのあと「jquery.mobile-1.0.min.js」。

でCSS。普通に

<link rel="stylesheet" type="text/css" media="screen" href="jquery.mobile-1.0.min.css"/>

って書くとIEの場合これを読み込んでしまうっぽくて画面が真っ白に。

なので、iPhone,iPad用のCSSのなかに（必ず@charset "utf-8";の次）
@import url("jquery.mobile-1.0.min.css");
と記載して、CSSの中から読み込ませることに。

とりあえず解決っぽい。
でも昨日まで自分のPCのIEでは何も問題なかったのにこの有様（多分キャッシュのせいだろうけど）
もう何も信じられない。