1

フォントが完全にロードされた後にのみ実行したい slabtext というプラグインがあります。以下を試してみたのですがうまくいきません(おそらく、本文を閉じる直前のスクリプトのエラー)。フォントが完全にロードされた後にのみ Slabtext スクリプトを実行する簡単な方法はありますか?私はすでに $(document).ready(function() を試しましたが、役に立ちません

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
    WebFont.load({
        google: {
            families: ['Roboto:300', 'Roboto+Slab:400']
        }
    });
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slabText/2.3/jquery.slabtext.js"></script>
</head>

<body>
    <h1 id="mainhead">
        <span class="slabtext">For one night only</span>
        <span class="slabtext">Jackie Mittoo</span>
        <span class="slabtext">with special Studio One guests</span>
        <span class="slabtext">Dillinger &amp; Lone Ranger</span>
    </h1>
...
<script>
    WebFont.load({
        active: function() {
            $('#mainhead').slabText();
        }
    })
</script>
</body>

また、webFontLoader は、すべてのフォントの読み込みが完了すると、クラス .wf-active を html 要素に追加します。

4

1 に答える 1

0

同じ WebFont-load() イベントで「google」と「active」を呼び出すと、うまくいきます。

<script>
  WebFont.load({
    google: {
      families: ['Roboto:300', 'Roboto+Slab:400']
    },
    active: function() {
      $('#mainhead').slabText();
    }
  });
</script>
于 2014-01-22T03:10:56.327 に答える