jquery - 动态宽度和 FitText 插件

Question

出于某种原因，FitText 插件无法在我的网站上运行。我用 jquery 创建的 Div 宽度是这样的:

$('.myContent').css({
position: 'relative',
float: 'left',
height: $('.target').height()-50,
width: $('.target').width()/3
});

“myContent”的 css 看起来像这样:

div.myContent {
margin-top: 4em;
text-align: left;
font-size: 14pt;
overflow: hidden;
display: inline-block;
width: auto;
}

我的div里面的内容是这样的:

<klein><fine>GEMÜSE</klein></fine> SURPRISE-MENU 
<strong>bio</strong><klein>geniessen</klein>
<stark> WEIN</stark> <klein> KERZENLICHT</klein>

和 FitText.js 的小代码

<script>
 jQuery("#myContent").fitText(4.2);
</script>

网站网址:http://tinyurl.com/c6rkon7

谢谢你的帮助，卡罗尔

Answer 1

当您的文档已经加载并准备好处理时，您可能需要调用它。

$(document).ready(function() {
    $("#myContent").fitText(4.2);
});