検索

ホームページ  >  に質問  >  本文

wowjs アニメーション CSS が無効です。wowjs はアニメーション クラスを HTML 要素に追加しません

こちらの Web サイトにアクセスし、開発者ツールを使用して確認すると、次の行が表示されます

<!--単一ポートフォリオ項目 1-->
<section class="single-items center-block parallax m-0" id="home" style="background: url(innovative/img/single-portfolio1.jpg)">
    <div class="コンテナ">
        <div class="行">
            <div class="col-md-12 center-col">
                <div class="area-Heading text-center wow fadeInUp" data-wow-delay="0.8s">
                    <h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100 ">
                        ヌエストロ  ローレン イプサン  ローレン イプサン 
                    <p class="text-white font-weight-300"> ローレン イプサン</p>
                    <a href="#creative" class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3 スクロール">loren ipsun</a>
                </div>
            </div>
        </div>
    </div>

</セクション>

*アニメーション* クラスがありません。試してみました: CSS、ブートストラップ CSS、アニメーション JS を手動でアニメーション化すると、なんと JS が機能しません… すべての CSS と JS を削除して、基本的な HTML だけを残し、CSS と JS をアニメーション化しても、何も起こりません

何が起こる可能性がありますか? 、このテンプレートには、バンドルされた js css ファイルにブートストラップとアニメーション css

が含まれています

コンソールのデバッグに 2 ~ 4 時間を無駄にしましたが、このエラーが原因ではないことがわかりました

私がしようとしているのは:

この Web サイトで示されているように、wow animate js css エフェクトを有効にします

開発者ツールを使用して最後のサイトをチェックすると、すごいフェードイン クラスにアニメーション クラスが追加されることがわかります。しかし、これは最初のサイトでは起こっていません…そして、その理由はわかりません。

この理由は何でしょうか?

P粉748218846P粉748218846327日前434

全員に返信(1)返信します

  • P粉422227023

    P粉4222270232024-03-20 14:55:31

    ドキュメント に記載されているように wow.js を起動するのを忘れているようです。そのため、スタートアップ コードを追加するだけで済みます。簡単な解決策は、次を追加することです:

    コード内 

    <!-- --> 行の下のカスタム スクリプト (または </body> タグの前の任意の場所)。

    返事
    0
  • キャンセル返事