我在 iOS 上的 phonegap 应用程序中有一个动画,有时会完全停止工作。我有一个元素,它在其上侦听 touchstart 事件。处理程序应该打开一个 div,它最初设置了display:none。我尝试了以下功能来打开带有动画的 div:
$("#sections").toggle();
$("#sections").slideToggle();
$("#sections").stop().slideToggle();
显然,无论使用哪个功能,动画都会停止工作。也就是说,它首先打开和关闭 div 几次,但在任意时间后停止工作。失败后,我仍然可以在控制台中看到每个touchstart事件的调试消息,但动画不再起作用。
我正在使用 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>