当我使用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;
});