跳转到页面顶部的jQuery淡入淡出

Question

我有一个使用jquery和淡入淡出的基本揭示。它除了当有内容的伟大工程只要上面的链接之一被点击

$(".link").click(function() { 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

http://jsfiddle.net/Wqc9N/8/

任何人都可以提出一个解决方案是跳转到页面顶部？

Answer 1

尝试使用防止默认

$(".link").click(function(e) { 
     e.preventDefault(); 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

here is a DEMO

Answer 2

我建议你使用javascript:void(0)而不是#您<a>的href ...

JSFiddle Demo

Answer 3

由于链接包裹在一个标签，你必须公关事件标记的默认行为。 Try：

$(".link").click(function(e) { 
    e.preventDefault(); 
    $('.content-container div').fadeOut('slow'); 
    $('#' + $(this).data('rel')).fadeIn('slow'); 
});