Javascript jquery字体大小调整器脚本工作不正常

我在客户网站上使用了一个非常简单的字体大小调整器。老实说，我不记得我从哪里得到的代码片段，但它的行为有点奇怪

“+”和“-”的功能非常好，我将其设置为将字体大小减小4px或增大1px，减小到16px，增大到28px

但是，在第一次“单击”增加按钮时，它会将字体大小一直喷射到比最大增加大小低1倍的位置

它为什么要这样做？还有什么我需要添加到代码中的吗？是否需要处理如何为目标元素设置字体大小的问题

代码如下

jQuery：

jQuery(document).ready(function($) {
  "use strict";
  $("#incfont").click(function() {
    curSize =
      parseInt(
      $(
        ".et_pb_text_inner *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)"
      ).css("font-size")
    ) + 1;
    if (curSize <= 28)
      $(
        ".et_pb_text_inner *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)"
      ).css("font-size", curSize);
    return false;
  });

  $("#decfont").click(function() {
    curSize =
      parseInt(
      $(
        ".et_pb_text_inner *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)"
      ).css("font-size")
    ) - 4;
    if (curSize >= 16)
      $(
        ".et_pb_text_inner *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)"
      ).css("font-size", curSize);
    return false;
  });
});

jQuery（文档）.ready（函数（$）{
“严格使用”；
$（“#incfont”）。单击（函数（）{
诅咒=
帕森特(
$(
“.et_pb_text_inner*：not（h1）：not（h2）：not（h3）：not（h4）：not（h5）：not（h6）”
).css（“字体大小”）
) + 1;
如果（光标=16）
$(
“.et_pb_text_inner*：not（h1）：not（h2）：not（h3）：not（h4）：not（h5）：not（h6）”
).css（“字体大小”，粗体）；
返回false；
});
});

html:

AA
文本大小

---

我想让它只增加jQuery中设置的1px，我不知道为什么它现在这样做。

很抱歉没有发布链接，但您也可以在上面提到的所有工作中实时查看它。可能是这种行为导致了代码的其他部分。为什么不尝试console.log记录正在更改的值？我可以向您保证，如果您使用console.log curSize，您将开始看到引擎盖下发生了什么以及是什么导致了您的错误。@YourSweet，我尝试使用console.log，它显示的只是文本设置的大小值，即27，考虑到最大值为28。啊，我想我知道了。看起来您的字体大小在CSS的第66行被覆盖。它将字体大小设置为100%。我很确定这就是导致您出错的原因-incfont click函数使用的是cursize，而不是22px。。它是由字体大小设置的任何奇怪的值：100%。现在，单击#incfont后，字体大小显式设置为27px，一切正常。因此，我认为建议的修复方法是在样式表的底部添加一行CSs，上面写着：et_pb_text_inner{font size:22px；}很抱歉没有发布链接，但是您也可以在上面提到的所有工作中查看它。可能是这种行为导致了代码的其他部分。为什么不尝试console.log记录正在更改的值？我可以向您保证，如果您使用console.log curSize，您将开始看到引擎盖下发生了什么以及是什么导致了您的错误。@YourSweet，我尝试使用console.log，它显示的只是文本设置的大小值，即27，考虑到最大值为28。啊，我想我知道了。看起来您的字体大小在CSS的第66行被覆盖。它将字体大小设置为100%。我很确定这就是导致您出错的原因-incfont click函数使用的是cursize，而不是22px。。它是由字体大小设置的任何奇怪的值：100%。现在，单击#incfont后，字体大小显式设置为27px，一切正常。因此，我认为建议的修复方法是在样式表的底部添加一行CSs，表示.et_pb_text_inner{font size:22px；}

<div id="text-resizer">
  <div class="aa">A<span>A</span></div>
  <p>Text Size</p>
  <a href="#" id="incfont">+</a>
  <a href="#" id="decfont">-</a>
</div>