jquery-plugins - FitText.js 使文本更大而不是更小

Question

我正在使用 FixText jquery 插件。它应该按比例缩小文本，以便标题适合可用宽度而不会换行到 2 行。 http://fittextjs.com/

在我的网站上，该插件正在调整文本大小，但是当它应该变小时它会变大!

http://smartpeopletalkfast.co.uk/text-fit/

初始化它的代码在 script.js线路是 jQuery('.view-display-id-page p').fitText();
说明说该元素必须是显示块并且具有带有 CSS 的宽度(但这可以是 % )，我已经完成了。我不知道从哪里开始这个问题!谢谢。

Answer 1

Firebug 控制台给出了这个:

TypeError: $(...).on is not a function

意思是 jQuery on()不是一个可用的功能。 .on()是在 1.7 版中添加的，但在您的源代码中，您使用的是 jQuery v1.4.4。如果允许，请尝试升级到新版本 >= 1.7，看看是否能解决问题。该错误是由对 on() 的调用产生的。在 jquery.fittext.js .

如果你不能更新jQuery，也许你可以改变 jquery.fittext.js使用其他方式将事件处理程序附加到元素而不是 on()，例如 bind() .

--更新

您也可以尝试向上/向下调整 compressor setting FitText.js 的。将其值设置为 3.0在本地为我解决了问题，请尝试。现在 scripts.js好像:

... other js code ...

//jQuery('.view-display-id-page  p').fitText();
jQuery('.view-display-id-page  p').fitText(3.0);

... other js code ...

调整浏览器窗口大小时，字体大小也会调整大小。应该可以通过 minFontSize & maxFontSize 进行微调设置也是。