javascript - Jquery SlideDown()

Question

我在我的这个网站上使用 JQuery SlideUp 和 SlideDown。

http://ourrecipes.mdssoftware.com.au/

在 IE 中这工作得很好。但在 Chrome 中，当幻灯片完成时，页面会抖动一秒钟，正如您将看到的。

代码太多，所以我不想发布它。

但这是执行幻灯片调用的 javascript。

马尔科姆

selectedRecipe = function (anchor) {

    var href = $(this).attr("href");
    var rid = href.split("-")[1];

    $("#RecipeID").val(rid);

    var url = "/Recipes/GetRecipeView";

    $('#divrecipe').slideUp('slow');
     $.ajax({
        url:url,
        data: { rid: rid },
        beforeSend: function () { $.blockUI({ message: '<h2><img src="../Content/Images/FhHRx.gif" style="margin-top:20px;margin-right:20px"/> Loading...</h2>' }) },
        complete: function() { $.unblockUI() },
        success: function (data) {
            $("#divrecipe").html(data);
            $('#divrecipe').slideDown('slow');
        }
    });

Answer 1

为了简化问题，如果我在 js 控制台中输入以下内容，则会重复问题:

$("#divrecipe").slideUp("slow");$("#divrecipe").slideDown("slow")

如果我注释掉 #divrecipe 的以下 css:

/* height: 96%; */

然后重新运行我的测试代码并没有表现出相同的效果。