我在我的这个网站上使用 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');
}
});
最佳答案
为了简化问题,如果我在 js 控制台中输入以下内容,则会重复问题:
$("#divrecipe").slideUp("slow");$("#divrecipe").slideDown("slow")
如果我注释掉 #divrecipe 的以下 css:
/* height: 96%; */
然后重新运行我的测试代码并没有表现出相同的效果。
关于javascript - Jquery SlideDown(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26153647/