jqTouchでもう少し遊んでいて、別のページにリンクする必要がある画像で問題が発生しています。
私のコードは
<div id="home" class="current">
<div class="toolbar">
<h1>Title</h1>
<img src="images/logo.png" />
</div>
<div class="images">
<a href="#largeImage"><img src="/images/thumbnail_1.jpg" /></a>
<a href="#largeImage"><img src="/images/thumbnail_2.jpg" /></a>
<a href="#largeImage"><img src="/images/thumbnail_3.jpg" /></a>
</div>
</div>
<div id="largeImage">
<div class="toolbar">
<h1>Large Image</h1>
<a class="back" href="#">Back</a>
</div>
<div>Large Image will be loaded here</div>
</div>
そのため、jqTouchは画像に巻き付けられたアンカーを認識しないようです。それらを順序付けられていないリストに入れると、期待どおりに動作し、ページが#largeImage画面に移行します。
画像を順序付けられていないリストにすることなくこれを機能させる方法はありますか?