我正在使用FixText jquery插件。它应该按比例缩小文本,使标题适合可用的宽度而不包裹在2行上。 http://fittextjs.com/
在我的网站上,插件正在调整文本大小,但是当它变得更小时它会变大!
http://smartpeopletalkfast.co.uk/text-fit/
初始化它的代码位于script.js
,行是jQuery('.view-display-id-page p').fitText();
指令说该元素必须是显示块并且具有CSS的宽度(但这可以是%
),我已经完成了。我不知道从哪里开始这个问题!感谢。
答案 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