wowjs-Animations-CSS ist ungültig, wowjs fügt keine Animationsklassen zu HTML-Elementen hinzu

Question

Wenn Sie die Website hier besuchen und die Entwicklertools verwenden, wird Ihnen diese Zeile angezeigt

<!--Single portfolio item one-->
<section class="single-items center-block parallax m-0" id="home" style="background: url(innovative/img/single-portfolio1.jpg)">
    <div class="container">
        <div class="row">
            <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 ">
                        Nuestro <strong>loren ipsun</strong>loren ipsun</h3>
                    <p class="text-white font-weight-300"> loren ipsun</p>
                    <a href="#creative" class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3 scroll">loren ipsun</a>
                </div>
            </div>
        </div>
    </div>

</section>

Animationsklasse fehlt, versucht: Manuelles Animieren von CSS, Bootstrap-CSS und Animations-JS, wow, JS funktioniert nicht ... Entfernen Sie alle CSS und JS und lassen Sie nur einfaches HTML übrig und animieren Sie CSS und JS und Wow JS und nichts passiert

Was könnte passieren? , diese Vorlage enthält Bootstrap und animiertes CSS in einer gebündelten JS-CSS-Datei

Ich habe 2 oder 4 Stunden mit dem Debuggen der Konsole verschwendet und festgestellt, dass dieser Fehler nicht die Ursache war

Was ich versuche ist:

Aktivieren Sie den CSS-Effekt „Wow Animate JS“, wie hier auf dieser Website gezeigt

Wenn Sie die letzte Site mit Entwicklertools überprüfen, werden Sie feststellen, dass sie die Animationsklasse zur Wow-Fadein-Klasse hinzufügt. Dies geschieht jedoch nicht auf der ersten Site … und weiß nicht warum!

Was könnte der Grund dafür sein?

Answer 1

在我看来，您忘记按照文档中所述启动 wow.js，所以你只需要添加启动代码即可。快速修复方法是添加：

代码中 <!-- 自定义脚本 --> 行下方（或 </body> 标记之前的任何位置）。