wow.js不工作 [英] wow.js is not working
问题描述
我刚刚试图将wow.js实现到我的网站,但它不会工作。
我已经链接了一切,但我不知道为什么它不工作。
我甚至添加了wow.js并将其链接到html,但似乎还没有任何工作。我还添加了animate.css,但仍然没有任何效果。
$ b
HTML
<!DOCTYPE HTML>
< html>
< head>
< link rel =stylesheettype =text / csshref =style.css>
< link rel =stylesheettype =text / csshref =animate.css>
< script language =javascripttype =text / javascriptsrc =javascript.js>< / script>
< script language =javascripttype =text / javascriptsrc =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> <报头GT; < img src =images / Logo.png> < /报头>< / A>
< / head>
< body>
< div class =vids-title>
< p> Vids< / p>
< / div>
< div class =video-1 wow slideInRight>
< h> Shia LaBeouf提供了所有时间最激烈的激励言语< / h>
< iframe width =550height =435
src =https://www.youtube.com/embed/nuHfVn_cfHU>
< / iframe>
< / div>
< div class =video-2 wow slideInLeft>
< h>真相或饮品(Exes)< / h>
< iframe width =550height =435
src =https://www.youtube.com/embed/pxYpvNMbdXQ>
< / iframe>
< / div>
< div class =video-3 wow slideInRight>
< h>沃克打破了他的手臂< / h>
< iframe width =550height =435
src =https://www.youtube.com/embed/5-NXguyFFko>
< / iframe>
< / div>
javascript
< pre $ $(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
I have just tried to implement wow.js to my site but it wont work. I have linked everything but i don't know why it isn't working. I even added the wow.js and linked it to the html but there still seems to be nothing that is working. I also added the animate.css and still there is no effect.
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();
});
There is nothing wrong with your code - its working fine
https://jsfiddle.net/k3qaoyxe/
I included the directories as external resources and then
$(function(){
new WOW().init();
});
worked fine.
Are you sure you have included all the libraries properly and they are loading correctly - check the network tab in your developer console.
Libraries included from 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
这篇关于wow.js不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!