2010-04-13 102 views
1

完成向上滑动后,内容中出现奇怪的闪烁。 我有加:jquery slideUp闪烁问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

到我的代码的头,但随后整个页面跳的了slideDown发生

什么是我的解决方案?

这里是我的代码,以防万一:

$("#contentbottom").slideUp(500, function() { 
var dataString = 'type='+t; 
$.ajax({ 
    type: "POST", 
    url: link, 
    data: dataString, 
    success: function(msg) 
    { 
     $("#contentbottom").empty().append(msg); 
    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) 
    { 
     alert('error: unable to load the additonal info'); 
    }, 
    complete: function() 
    { 
     $("#contentbottom").slideDown(500); 
    } 
}); 
}); 
+0

请将标记也过帐 – XGreen 2010-04-13 10:38:42

+0

您能描述“跳跃”更多吗?这是因为内容整体增长还是闪烁......发生了什么? – 2010-04-13 10:38:43

回答

0

我的猜测,没有看到任何的标记,是$("#contentbottom").empty().append(msg);填充了Ajax响应导致浏览器闪光/向下滚动到新内容,然后回到顶部。

如果您没有任何CSS样式来隐藏空白时的#contentbottom元素,那可能是一个部分问题。 Yu可以在您的AJAX调用之前在您的slideUp处理程序中执行$('#contentbottom').hide(),然后在成功处理程序中使用$("#contentbottom").empty().append(msg).show() ...