Почему вся страница обновляется, когда я использую jQuery для увеличения или уменьшения размера шрифта?

Question

У меня есть страница HTML, где я хочу, чтобы одна кнопка увеличивала размер шрифта и ту же кнопку, чтобы уменьшить размер шрифта при нажатии.

Я использую JQuery, как так:

$("p").css("font-size","20") 

Однако, когда я делаю, что увеличение размера шрифта, может быть 2-х секунд, а затем возвращается в нормальное русло. Похоже, что страница обновляется после нажатия кнопки ... Почему?

Answer 1

Вы должны вернуть false [предотвратить действие по умолчанию], чтобы страница не была отправлена ​​обратно.

Кроме того, мое предложение было бы использовать два различных классов CSS для этого и переключить эти классы с помощью

toggleClass(class)

Answer 2

Прежде всего, вам понадобится единица измерения по значению font-size.

Во-вторых, может ли что-нибудь еще вызвать перезагрузку (учитывая, что это не просто отсутствие единиц)?

Answer 3

положил return false в конце обратного вызова, чтобы предотвратить ссылку (кнопку) от обновления.

$('#fontBtn').click(function() { 
    $("p").css("font-size","20px") 
    return false; 
});