JQuery - страница обновляется после щелчка

Question

Я написал следующий метод JQuery, чтобы сделать что-то, когда я нажимаю на кнопку с идентификатором «добавить»:

$(function() { 
    $('#add').on('click', function() { 
    $('#headline').text("Hurra!"); 
    }); 
}) 

Когда я добавить контрольную точку в хроме, я могу видеть, что он вводит метод, изменяет содержимое заголовка, а затем по какой-либо причине возвращает его в исходное состояние (это происходит, когда отладчик находится в мини-скрипте jquery, поэтому я действительно не знаю, что происходит). Может ли кто-нибудь дать мне подсказку о том, что может произойти?

Answer 1

страница освежает, потому что форма отправляется.

, если вы не хотите, чтобы представить, используйте return false; или event.preventDefault();

$(function() { 
    $('#add').on('click', function(event) { 
    $('#headline').text("Hurra!"); 
    event.preventDefault(); 
    }); 
})