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

Question

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

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

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

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

Answer 1

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

Также я бы предложил использовать для этого два разных класса css и переключать эти классы, используя

toggleClass (класс)

Answer 2

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

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

Answer 3

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

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