2010-04-13 141 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() ...