wow.js不起作用
wow.js不起作用
提问于 2015-06-15 22:21:54
我刚刚尝试在我的站点上实现wow.js，但是它不起作用。我把一切都联系起来了，但我不知道它为什么不起作用。我甚至添加了wow.js，并将其链接到html，但似乎仍然没有任何工作。我还添加了animate.css，但仍然没有效果。
<!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();
});回答 3
Stack Overflow用户
回答已采纳
发布于 2015-06-15 22:45:26
您的代码没有什么问题-它的工作性能很好的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
Stack Overflow用户
发布于 2015-06-15 22:44:17
<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>很可能是
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="wow.js"></script>
<script src="javascript.js"></script>您还可以去掉language和type属性，它们是无用的，不符合W3C。
Stack Overflow用户
发布于 2019-12-14 15:27:41
对我来说，除了之外，在调用window load事件之后，它运行得很好：
//At the document ready event
$(function(){
new WOW().init();
});
//also at the window load event
$(window).on('load', function(){
new WOW().init();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30855948
复制相关文章
相似问题
腾讯云开发者
