私はjQTouchに新しくなっています - それはかなり素晴らしいですが、私はgetting startedガイドにも従っていますが、自分のHTMLのためにそれをそのまま使うことはできませんmarkup guidelinesとなります。jQTouchがHTMLのためにすぐに使えないのはなぜですか?
具体的には、私の画面のそれぞれは、一意のIDを持つ要素(直接の子<body>
)であり、これらのIDにリンクしています。 <a href="#screen-a">
。これはデモコードの規約に従っているようですが、デモコードは動作していますが、私のコードはそうではありません。
はここに私の<body>
のHTML構造である:
<section id="main-menu">
<header class="toolbar"><!-- ... --></header>
<nav>
<ul>
<li class="arrow"><a href="#screen-a">Screen A</a></li>
<li class="arrow"><a href="#screen-b">Screen B</a></li>
<li class="arrow"><a href="#screen-c">Screen C</a></li>
</ul>
</nav>
<footer><!-- ... --></footer>
</section>
<section id="screen-a"><!-- ... --></section>
<section id="screen-b"><!-- ... --></section>
<section id="screen-c"><!-- ... --></section>
<script src="jquery.min.js"></script>
<script src="jqtouch.min.js"></script>
<script src="init.js"></script>
そして、私は単純にjQTouch(無しカスタムオプション)を初期化init.js
:私は私のページをロード
var jQT = new $.jQTouch({});
は、UIは罰金表示され、私のjQT
変数が存在するため、jQTouchが初期化されたことを確認できます。
リンクをクリックすると、ロケーションバーが新しいハッシュに変更されます(「#screen-a」など)が、UIは変更されません。 JavaScriptコンソールが繰り返し複数回投げ始める履歴にページがありませんエラー。これは、デスクトップのSafariでとの両方で私のために起こること
(私はunminified jQTouch.jsを使用する場合、これらのエラーはdumbLoopStart()
タイマーから呼び出されているjQTouch goBack()
機能、内部から来る。)
注意iPhoneのモバイルSafariしかし、それは彼らのdemoが両方で私のためにうまく動作するので、非常に奇妙です。
私はこれに対して何時間も頭を悩ませました。誰かが私が間違っているかもしれないアイデアや提案やヒントを持っていますか?ありがとう!
例でdivを使用すると、コードでセクション要素が使用されるのはなぜですか? –
HTML5の精神では、sectionはdivよりも意味のある要素だと思いました。 –