为什么 preventDefault 不能用于 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()，但事实上您的页面在一段时间内的整体高度内容较少（准确地说是 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，导致页面向上滚动只是因为页面整体变短了。