Phonegap上的jQuery动画停止工作

Question

我在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>