Jquery Как остановить обновления, когда нажмите навигацию

Question

Извините за мой плохой английский ... У меня есть проблема в JQuery, когда я cklick является refresch днище навигации ... Кто-нибудь помогите мне, пожалуйста :)

демо:

http://jsfiddle.net/4H942/2/

Answer 1

Если вы используете событие щелчка на якорь тег, вам нужно использовать preventDefault. Например:

$('.3').click(function(e){ 
    e.preventDefault(); 
    $('body').animate({ 
     scrollTop: $(".middle").offset().top 
    }, 2000);     
}); 

Больше информации о том, как preventDefault работы: jQuery - event.preventDefault()

Answer 2

Вы можете сделать это, добавив return false; функции мыши в JQuery.

Answer 3

Его трудно узнать, не зная точно, где проблема, но вам может понадобиться e.preventDefault() или e.stopPropagation(), например.

$('.button').on('click',function(e) { 
    //do something 
    e.preventDefault();  // stops default button action, e.g. submitting a form 
    e.stopPropagation(); // stops event bubbling back to parent element 
    } 
    return false;   /// stops default link action 
}); 

где .button - это класс элемента, который запускает событие. Обратите внимание, что это примеры проблем, которые могут возникнуть у вас, но, не зная проблемы, с которыми вы столкнулись, я не могу сказать, что - если есть - будет работать.

Answer 4

Это часто случается, когда вы форму и вы нажмете на кнопку отправки, чтобы предотвратить браузер от обновления страницы просто сделать это в HTML:

<form onsubmit="return false;"> 
... 
</form> 

Если у вас есть ссылка на кнопки что обновляет страницу, сделайте следующее:

$('.myLinkOrButton').click(function(e) { 
    e.preventDefault(); 
    ... 
});