Итак, у меня есть веб-сайт со сценарием 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 в свой файл, поэтому, возможно, я (непреднамеренно) скопировал некоторые пробелы, которых там быть не должно, или что-то еще.Я не знаю.Но как я могу решить это тогда?