Javascript 使用jQuery调整文本大小？

我发现使用jQuery调整现场文本大小的最佳解决方案：

工作就像一种魅力，但他们有三样东西是我所缺少的

A.）一个“返回默认值”可单击选项。 B.）调整大小的限制（即只允许向上或向下调整两次 C.）向可调整大小的区域添加多个元素

下面是我在上面示例中修改的代码：

 $(document).ready(function() {
  //Text Zoom 
  $('.controls a').click(function(){
    var ourText = $('#content');
 var currFontSize = ourText.css('fontSize');
 var finalNum = parseFloat(currFontSize, 10);
 var stringEnding = currFontSize.slice(-2);
   if(this.id == 'large') {
     finalNum *= 1.2;
  }
  else if (this.id == 'small'){
    finalNum /=1.2;
    }
   ourText.css('fontSize', finalNum + stringEnding);
 });
   });

减去这三个问题，效果很好。我知道“C.”应该没那么难，但我只是对jQuery语法不够熟悉，无法添加比“#content”更多的元素来重新调整大小。不知道如何接近另外两个。控件的标记如下所示，正如您在my JS中看到的，大小链接通常以“$（'.controls a'）为目标。单击（function（）{”）

任何帮助都将不胜感激。

对于A）和B）您需要将信息存储在全局变量（在函数范围外定义的变量）中。只需创建一个用于存储重置字体大小的“baseFontSize”变量和一个可以检查的“fontSizeDelta”变量，确保它不会超过“2”或低于“-2”。您将在您的。单击函数中针对fontSizeDelta添加一个检查（如果它在最大值或最小值，则立即调用return），并根据需要对其进行递增或递减。如果我理解您在“C”上的要求，请单击这一行：

ourText.css('fontSize', finalNum + stringEnding);

重复，但将“ourText”替换为“$”（“#所需元素_id”），其中所需元素_id是您想要影响的元素的id

这有用吗

ourText.css('fontSize', finalNum + stringEnding);