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

时间:2013-08-13 21:16:05

标签: jquery-plugins font-size fittextjs

我正在使用FixText jquery插件。它应该按比例缩小文本,使标题适合可用的宽度而不包裹在2行上。 http://fittextjs.com/

在我的网站上,插件正在调整文本大小,但是当它变得更小时它会变大!

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

初始化它的代码位于script.js,行是jQuery('.view-display-id-page p').fitText();

指令说该元素必须是显示块并且具有CSS的宽度(但这可以是%),我已经完成了。我不知道从哪里开始这个问题!感谢。

2 个答案:

答案 0 :(得分:3)

Firebug控制台提供了这个:

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

意味着jQuery on()不是可用的函数。版本1.7中添加了.on(),但在您的源代码中使用了jQuery v1.4.4。如果您被允许,请尝试升级到较新版本> = 1.7并查看是否可以解决问题。通过调用jquery.fittext.js中的on()生成错误。

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

<强> - UPDATE

您还可以尝试调整FitText.js的compressor setting。将其值设置为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设置进​​行更精细的调整。

答案 1 :(得分:0)

多线时非常不稳定。 你应该使用这个:https://github.com/STRML/textFit