Question

我使用jquery和fade进行基本显示。它的效果很好，除非有上面的内容，只要点击其中一个链接就跳转到页面顶部

  $(".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)的{{1}}使用#代替href ...

JSFiddle Demo

Answer 3

由于链接包含在标记中，因此必须防止标记的默认行为。尝试：

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

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

3 个答案: