动态宽度和FitText插件

Question

由于某种原因在我的网站上FitText插件不起作用。 Div宽度我用这样的jquery创建：

$('.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);
});