爲什麼不能阻止默認爲jQuery工作？

Question

我似乎無法使preventDefault（）與以下代碼一起工作......瀏覽器仍然希望在點擊後跳轉到頁面的頂部。有想法該怎麼解決這個嗎？

$('#controls a').click(function(event){ 

event.preventDefault(); 

var r = $(this).attr('rel'); 

var c = $('#container').attr('class'); 
// Prevent redundant actions 
if (r != c) { 
    // Toggle 'active' class to show selection 
    $('#controls a').removeClass('active'); 
    $(this).addClass('active'); 
    // Fade out function then callback to change the view mode 
    $('#container').fadeOut(100, function(){  
    $('#container').removeAttr('class'); 
    $('#container').addClass(r); 
    // Fade the container back in 
    $('#container').fadeIn(100); 
    }); 
} 

}); //end list view 

Answer 1

問題（可能，這部分是猜測）不preventDefault()，但事實YOUT頁有總高度含量少了一會兒（13毫秒是精確的），改變動畫等等它淡出，但沒有得到display: none;一幀，這樣的：

$('#container').animate({ opacity: 0 }, 100, function(){  
    $('#container').removeAttr('class'); 
    $('#container').addClass(r); 
    // Fade the container back in 
    $('#container').animate({ opacity: 1 }, 100); 
}); 

這樣，你的#container是0高度了一會兒，致使頁後退向上滾動僅僅是因爲網頁有整體更短。