1

我有一个使用 jquery 和淡入淡出的基本揭示。它工作得很好，除非上面有内容，只要点击其中一个链接就会跳转到页面顶部

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

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

任何人都可以提出解决方案吗？

4

3 回答 3

1

尝试使用防止默认值

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

这是一个演示

于 2013-07-29T17:53:41.030 回答
1

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

JSFiddle Demo

于 2013-07-29T17:55:22.930 回答
1

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

$(".link").click(function(e) {
  e.preventDefault();
  $('.content-container div').fadeOut('slow');
  $('#' + $(this).data('rel')).fadeIn('slow');
});
于 2013-07-29T17:55:33.840 回答