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>

助けてくれてありがとう、キャロル

score 0 · Accepted Answer

ドキュメントがすでにロードされ、処理の準備ができているときに呼び出す必要がある場合があります。

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

1 に答える 1