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);
});