0

所以，我有一个带有 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 复制到了我的文件中，所以也许我（无意中）复制了一些不应该存在的空格或其他东西。我不知道。但是那我该如何解决呢？

4

1 回答 1

1

BBEdit 的“Zap Gremlins”功能在文档末尾发现了一个不可打印的字符。尝试删除它或将示例中的所有内容复制到最后一个分号。

于 2012-02-23T13:27:03.290 回答