所以,我有一个带有autoFontSize脚本的网站(从stackoverflow获取它,但稍微编辑它也会循环遍历每个div与该特定类)
(function ($) {
$.fn.textfill = function (options) {
this.each(function () {
var fontSize = options.maxFontPixels;
var ourText = $('h2 a', this);
var maxHeight = $(this).height();
var maxWidth = $(this).width();
var textHeight;
var textWidth;
do {
ourText.css('font-size', fontSize);
textHeight = ourText.height();
textWidth = ourText.width();
fontSize = fontSize - 1;
} while ((textHeight > maxHeight || textWidth > maxWidth) && fontSize > 16);
});
return this;
};
})(jQuery);
$(document).ready(function () {
$('.fotonode.fotopagina').textfill({
maxFontPixels: 30
});
});
一个(简化的)HTML结构:
<div class="fotonode fotopagina">
<h2><a href="#">Testing Title</a></h2>
</div>
由于某种原因,这不起作用(既不在本地也不在线)但它确实适用于JSfiddle:http://jsfiddle.net/Yb9yj/
我在某处读到这会导致问题。我将代码从jsfiddle复制到我的文件中,所以也许我(无意中)复制了一些不应该存在的空白区域。我不知道。但是我怎么能解决这个问题呢?
答案 0 :(得分:1)
BBEdit&#34; Zap Gremlins&#34;功能在文档末尾找到了一个不可打印的字符。尝试删除它或将示例中的所有内容复制到最后一个分号。