android - jQuery slideToggle Android 滞后

Question

我正在尝试使 slideToggle 在 Android 设备上正常工作。我的意思是......它工作正常，但 slideToggle 滞后或印章。这是我的代码，也许你们可以帮助我。

编辑 我一直在使用 PhoneGap，并做了一些研究。显然，PhoneGap 不能很好地渲染大量媒体。我砍掉了一半的内容，并意识到效果非常好。然而;效果仍然很差。有没有办法优化 PhoneGap 以正确呈现媒体？我试过 CSS3，但渲染效果仍然很糟糕。我将图像格式更改为 GIF，但仍然没有成功。我的选择是什么？如果 PhoneGap 是问题所在，那么我应该如何创建基于 Web 的应用程序？

jQuery

$( ".info" ).click( function(){
$( this ).prev( ".tut-box" ).children( ".info-txt" ).slideToggle( "slow" );

$( this ).toggleClass( "active" );

if ( $( this ).text() == "HIDE INFO" )
   $( this ).text( "SHOW INFO" )
else
   $( this ).text( "HIDE INFO" );
});

HTML

<div class="tut-box">
    <img src="blah.jpg" />

    <span class="arrow"></span>

    <div class="info-txt">
        <div class="txt">
            DISPLAY MESSAGE GOES HERE!

            <div class="fade"></div>
        </div>
    </div>
</div>

<div class="info">SHOW INFO</div>

Answer 1

我通过将我的脚本优化为使用 jQuery 2 实现的 CSS3 解决了这个问题。到目前为止；没有缓慢的动画或缓慢的 Action 。我也替换了这个...

$( ".info" ).click( function(){

对于这个...

$( ".info" ).on( 'touchstart', function(){

它使点击操作响应更快。我在帖子和 jQuery Mobile 书籍中发现了这一点。谢谢，闪电迅雷的帮助。我们试过了 xD