用于jQuery 1.6的Textfill？ （不工作）

我希望你能开导我。 我正在尝试在一个joomla网站上使用GeekMonkey的textfill插件，该网站有jQuery 1.6.1（模板使用它）。 该插件无法正常工作。 有没有什么办法解决这一问题？ 我找不到任何其他文本填充！

这是GeekMonkey的插件：

; (function($) { /** * Resizes an inner element's font so that the inner element completely fills the outer element. * @author Russ Painter [e-mail] * @version 0.1 * @param {Object} Options which are maxFontPixels (default=40), innerTag (default='span') * @return All outer elements processed * @example 
My Text To Resize
 */ $.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 }); }); }); 

在此先感谢，绝望的用户.-

Answer 1

要使该插件工作，您需要

• 设置容器的（ .jtextfill ）宽度和高度
• 内联显示内部标记（ display:inline CSS中的display:inline ）。

演示： http ： //jsfiddle.net/2btyN/