Jquery 阻止。单击跳转到页面顶部的函数

我使用下面的代码来模拟一个.动画切换效果。但是，当单击页面时，页面将跳转到顶部。我试过使用prevent，但它仍然会跳，所以我想我错过了一些东西。。。有什么想法吗

$(function() {
$('.menu-toggle').click(function() {
  var clicks = $(this).data('clicks');
  if (clicks) {// odd clicks 

    $(this).find('i').toggleClass('fa-bars fa-times');
    $(this).toggleClass('cross');
    $('.menu-over ul li').toggleClass('animated-fast slideInLeft')

    $(".menu-over").animate({
    left: "-50%",
    }, 1000 );

    $( ".mainsite" ).animate({
    left: "0%",
    width:"100%" ,
    }, 1000 );

  } else {// even clicks

    $(this).find('i').toggleClass('fa-bars fa-times');
    $(this).toggleClass('cross');
    $('.menu-over ul li').toggleClass('animated-fast slideInLeft')

    $(".menu-over").animate({
    left: "0%",
    }, 1000 );

    $( ".mainsite" ).animate({
    left: "50%",
    width:"50%" ,
    }, 1000 );

  }
  $(this).data("clicks", !clicks);
});
});

---

尝试在函数末尾返回false。问候语

您应该在单击事件中包含

.preventDefault（）

：

  $('.menu-toggle').click(function(event) {
         event.preventDefault();

或者您可以使用

返回false在您的案例中应以相同的方式工作：

  $('.menu-toggle').click(function(event) {
         return false;

我明白了。谢谢你的建议，但奇怪的是，没有一个有效。是.mainsite上的宽度动画造成的。改为填充效果，现在单击时所有元素都保持不变。
您的单击元素是否为
？选中
preventDefault（）
在a的href中使用javascript:void（0）以避免任何操作感谢这些，不幸的是这两种方法都不起作用。我认为这与奇数/偶数点击功能有关，正是这些功能导致了这种情况，但我无法理解……感谢这些，不幸的是，它仍然跳到了顶部。我认为这与奇数/偶数点击功能有关，正是这些功能导致了这种情况，但我无法找出原因。。。