我刚刚尝试在我的网站上实现 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/ 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/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/jquery/2.1.4/jquery.js
https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)