[英]Textfill for jQuery 1.6? (not working)
我希望你能启发我。 我正在尝试在具有 jQuery 1.6.1(模板使用它)的 joomla 网站中使用 GeekMonkey 的 textfill 插件。 该插件不工作。 有没有什么办法解决这一问题? 我在那里找不到任何其他文本填充!
这是 GeekMonkey 的插件:
; (function($) {
/**
* Resizes an inner element's font so that the inner element completely fills the outer element.
* @author Russ Painter WebDesign@GeekyMonkey.com
* @version 0.1
* @param {Object} Options which are maxFontPixels (default=40), innerTag (default='span')
* @return All outer elements processed
* @example <div class='mybigdiv filltext'><span>My Text To Resize</span></div>
*/
$.fn.textfill = function(options) {
var defaults = {
maxFontPixels: 40,
innerTag: 'span'
};
var Opts = jQuery.extend(defaults, options);
return this.each(function() {
var fontSize = Opts.maxFontPixels;
var ourText = $(Opts.innerTag + ':visible:first', 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 > 3);
});
};
})(jQuery);
$(document).ready(function() {
$('.jtextfill').textfill({ maxFontPixels: 36, innerTag: 'h1' });
});
和
$(document).ready(function() {
$('.jtextfill').textfill({ maxFontPixels: 70 });
$('#dyntext').keyup(function() {
$('.dyntextval').html(this.value);
$('.jtextfill').textfill({ maxFontPixels: 70 });
});
});
提前感谢,绝望的用户。-
要使该插件正常工作,您需要
.jtextfill
)的宽度和高度display:inline
)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.