iOS の phonegap アプリケーションにアニメーションがあり、完全に動作しなくなることがあります。touchstart イベントをリッスンする要素があります。ハンドラーは、最初にdisplay:noneが設定されている div を開く必要があります。次の関数を試して、アニメーションで div を開きました。
$("#sections").toggle();
$("#sections").slideToggle();
$("#sections").stop().slideToggle();
どうやら、どの機能を使用しても問題なく、アニメーションが機能しなくなります。つまり、最初に div を数回開いて閉じますが、任意の時間後に動作を停止します。失敗した後も、タッチスタートイベントごとにコンソールにデバッグ メッセージが表示されますが、アニメーションが機能しなくなります。
jQuery 1.8.1 と Phonegap 2.1 を使用しています。
誰もこのようなことを経験しましたか?
HTML コード。touchstartハンドラーは #navibtn にバインドされ(正常に動作します)、ハンドラーは #sections をアニメーションで開く必要があります。
<div id="navibar">
<div id="titlebar" class="row">
<div id="navibtn" class="pull-right"></div>
<div>
<span>Title</span>
</div>
<div id="sections">
<ul class="nav">
<li class="active" id="link1">
<a href="#section1">Section</a>
</li>
<li id="link2">
<a href="#section2">Section2</a>
</li>
<li id="link3">
<a href="#section3">Section3</a>
</li>
<li id="link4">
<a href="#section4">Section4</a>
</li>
</ul>
</div>
</div>
</div>