JQuery slideDown动画滞后

滑动#res div时,我的JQuery幻灯片动画滞后.

有什么建议？

JQuery的：

$(document).ready(function(){

$('select.first').change(function(){

    $(this).prop('disabled',true);
    var codata = $(this).val();
    var page = 1;

    $.ajax({

        type:'POST',url:'page.PHP',dataType:'json',data:{country:codata,page:page},success: function(data) {

            var result='';
            $.each(data,function(i,e) {
            result += "

CSS：

#res {

    background-color:gainsboro;
    border:1px solid gray;
    width:100%;
    display:none;
    padding-top:10px;
}


#outer {

    width:100px; 
    text-align:center; 
    border:1px dotted black;
    margin:0 0 10px 10px;
    display:inline-block;
    height:40px;

}

最佳答案

要在没有跳跃的情况下滑动元素,元素必须具有固定的宽度.这是一个演示演示. http://jsfiddle.net/WtkUW/1/

原因是jQuery根据元素的宽度和内容计算元素的目标高度.如果它的宽度是100％,jQuery无法准确计算导致跳跃的高度.内容越大,跳跃越大.

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。