0

だから、私はautoFontSizeスクリプトを備えたWebサイトを持っています（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 に答える