0

テキストをアニメーション化するために textilate.js を使用しようとしています。一番基本的な機能を使う場合

$("#ttl1").textillate();

効果は正常に動作します。

ただし、以下のように別のものを適用しようとすると...何も起こりません。無効。私は何を間違っていますか？

    $("#ttl1").textillate({ 

        initialDelay: 0,
        autoStart: true,

    in: {
        effect: 'flash',
        delayScale: 1.5,
        delay: 50,
        sync: false,
        shuffle: true
        },

    });
4

1 に答える 1

0

Textillate、Lettering、および Animate ライブラリをどのように組み込んでいますか? あなたが抱えている問題に基づいて、この問題を引き起こすraw.github.comにリンクしていると推測できます。

問題は、raw.github.comがContent-type オプションとしてコンテンツを提供しtext/plain、使用することです。nosniffこれは、raw.github.com が CDN として使用されるのを防ぐために行われます (CDN として設計されていないため)。アニメーションを機能させるには、自分でファイルをホストするか、別の URL にリンクする必要があります。

ほとんどのブラウザーは引き続き JavaScript を読み込んで実行しますが (少なくとも私の経験では)、CSS は読み込めません。アニメーション効果を提供するのは Animate CSS ライブラリであるため、これが例が機能しない理由です。

これが実際の例です。オプションは問題ありませんが、CSS が読み込まれない場合、効果はまったく機能しません。

補足: 問題が発生した場合は、開発者/デバッグ コンソールを有効にして、複数のブラウザーでサイトを試してみることをお勧めします。ほとんどの場合、ブラウザの少なくとも 1 つが、コンソールで何が問題なのかについてのヒントを提供します。

于 2013-07-09T15:15:52.023 に答える