jquery animate无法正常工作

jquery animate doesnt work properly

本文关键字：工作 常工作 animate jquery      更新时间：2023-09-26

im试图设置表宽度的动画，因此内容会"关闭"answers"打开"。所以我操纵左右差距：

   $(".gaps").animate({width:"35%"},'slow', function(){      
     $(".gaps").animate({width: "10%"},'slow');
     $("#content").fadeIn();
   });

但不知何故，它不是线性动画。第一个10%到35%的效果很好，但在10%动画开始时，宽度会跳到100以上，所以内容会跳来跳去。我试过一些东西，比如"宽度："-=25%"，但即使这样也没用。我还有其他问题吗？我不是看到了显而易见的吗？

谢谢！

要完成此操作，我将添加注释中的答案：

很抱歉，但在设置动画大小时，表格的表现并不好。根据你想做的事情，你可能想用todiv来包装你的表：内部的是静态大小，外部的是宽度溢出：隐藏的，然后尝试为外部设置动画。

<div style="overflow:hidden; background:red;" class="animateMe">
    <div style="width:300px;">
       <table>...</table>
    </div>
</div>

http://jsfiddle.net/mgwo9axL

相关文章：