Question

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

'+'和' - '的功能很好，我设置为将字体大小减小4px或将字体大小增加1px，减少到16px并增加到28px。< / p>

但是，在增加按钮的第一次初始“点击”时，它会将字体大小一直调到比最大增大尺寸低1px的位置。

为什么要这样做？我需要在代码中添加更多内容吗？是否必须处理如何为目标元素设置字体大小？

下面的代码

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;
  });
});

HTML：

<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>

我希望它只是增加jQuery中设置的1px，我不知道它为什么会像现在这样。

jquery font resizer脚本无法正常工作

0 个答案: