Предотвратить функцию .click Перейти к началу страницы

Question

Im используя приведенный ниже код, чтобы имитировать эффект .animate toggle. Однако при нажатии на эту страницу вы переходите к вершине. Я пытался использовать предупреждение, но он все еще прыгает, поэтому я думаю, что я что-то упустил ... Любые идеи?

$(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); 
}); 
}); 

Answer 1

Попробуйте return false в конце функции. Привет

Answer 2

Вы должны .preventDefault() внутри события щелчка:

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

или вы можете использовать return false;, которые должны работать так же, как в вашем случае:

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

Answer 3

Фигурные его. Спасибо за все предложения, но странно никто из них не работал. Это была анимация ширины на .mainsite, которая вызывала ее. Вместо этого он изменил его на дополнительный эффект, и теперь он остается включенным при нажатии.