この度、jQuery Mobileを使いアプリを作ることが出来ました。
ヘッダーのソースを、お知らせします。
参考にして頂けましたら幸いです。
それから掲載されているソースですが、
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0rc1.js">
<script type="text/javascript" src="jsWaffle.js"></script>
とありますが、
<script type="text/javascript" src="jsWaffle.js"></script>の
ように
<script ではじまったら、必ず閉じるタグが必要になります。
そのため、ソースの2行目に閉じタグの</script>がないので、動作不安定になると思います。
以下が、私が書いたソースです。
resのフォルダーの中に、jQuery Mobileのzipファイルを解凍して出てくるimagesのフォルダーを入れましたので、アイコンも表示できます。
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> </title>
<link rel="stylesheet" type="text/css" href="res/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="res/jquery-1.6.4.js"></script>
<script type="text/javascript" src="res/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="jsWaffle.js"></script>
<link rel="stylesheet" type="text/css" href="res/demo.css" />
<script type="text/javascript" src="res/demo-common.js"></script>