gpt4 book ai didi

javascript - wow.js 不工作

转载 作者:太空宇宙 更新时间:2023-11-04 15:03:38 26 4
gpt4 key购买 nike

我刚刚尝试在我的网站上实现 wow.js,但它不起作用。我已经链接了所有内容,但我不知道为什么它不起作用。我什至添加了 wow.js 并将其链接到 html,但似乎仍然没有任何效果。我还添加了 animate.css,但仍然没有效果。

HTML

<!DOCTYPE HTML>
<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="animate.css">
<script language="javascript" type="text/javascript"src="javascript.js"></script>
<script language="javascript" type="text/javascript" src="wow.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<title> Vids </title>
<a href="index.html"> <header> <img src="images/Logo.png" > </header></a>

</head>



<body>

<div class="vids-title">

<p>Vids</p>

</div>



<div class="video-1 wow slideInRight">
<h>Shia LaBeouf delivers the most intense motivational speech of all-time</h>
<iframe width="550" height="435"
src="https://www.youtube.com/embed/nuHfVn_cfHU">
</iframe>

</div>


<div class="video-2 wow slideInLeft">

<h>Truth or Drink (Exes)</h>
<iframe width="550" height="435"
src="https://www.youtube.com/embed/pxYpvNMbdXQ">
</iframe>

</div>

<div class="video-3 wow slideInRight">

<h>Walker broke his arm</h>
<iframe width="550" height="435"
src="https://www.youtube.com/embed/5-NXguyFFko">
</iframe>

</div>

javascript

$(function(){
new WOW().init();

});

最佳答案

您的代码没有任何问题 - 它工作正常 https://jsfiddle.net/k3qaoyxe/
我将目录作为外部资源包含在内,然后

$(function(){
new WOW().init();
});

工作正常。

您确定您已正确包含所有库并且它们正在正确加载 - 检查开发者控制台中的网络选项卡。
cdn 包含的库:

https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css
https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js
https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js

关于javascript - wow.js 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30855948/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com