Javascript 无法让jquery最终倒计时正常工作
我想在我的网站上实现一个现代的倒计时,我发现这个很好用,但是从Github下载后,我很难让它工作!我做错了什么 这是他们GitHub的链接,我下载了“demo”文件夹并打开了这两个html文件,但倒计时不会只是开始 以下是我的结果: 这是教程,它包含了全部代码: 我的Javascript 无法让jquery最终倒计时正常工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在我的网站上实现一个现代的倒计时,我发现这个很好用,但是从Github下载后,我很难让它工作!我做错了什么 这是他们GitHub的链接,我下载了“demo”文件夹并打开了这两个html文件,但倒计时不会只是开始 以下是我的结果: 这是教程,它包含了全部代码: 我的head标签: <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="
head
标签:
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.countdown.min.js"></script>
您的
jquery countdown.js
文件指向错误的位置。
具体而言,更改此部分:
<script type="text/javascript" src="../jquery.final-countdown.js"></script>
以下是运行所需的所有Javascript库:(不包括css)
您似乎没有使用相同的呼叫签名 他们的例子是:
$(document).ready(function() {
$('.countdown').final_countdown({
'start': 1362139200,
'end': 1388461320,
'now': 1387461319
}, function() {
// Finish Callback
});
});
注意Finish回调请直接在帖子中发布代码,而不仅仅是链接到存储库。还有,什么不起作用?你在调试方面做了哪些尝试?好吧,顺便说一下,发布代码,问题是计时器只显示00,而不是倒计时@wahwahy如果您有404错误,那么插件脚本不会加载检查嵌入html的URL目录,如果它指向正确的倒计时路径script@Jake-如果您检查控制台,您将立即看到(正如NextLocal指出的)js文件没有加载。我认为这样做是处理javascript中源代码的最有效方法,从主Web服务器托管它可以降低速度。同样值得注意的是,如果OP检查了控制台,就会立即发现问题所在……你是指我的kinetic.js文件@NextLocal正如我的好朋友Wahwah所指出的,按Ctrl+Shift+J然后进入console选项卡可以访问开发者控制台。这是救命稻草!好的,太好了,谢谢你们!那么我基本上应该编辑什么,js文件的脚本路径呢?敏锐的观察,但是第二个参数是可选的,就像回调一样。来源:@Paurian,是的,教程中的代码与github中的代码略有不同,现在我复制了github中的代码,但是教程是一个简短的版本,所以快速理解可能会有所帮助感谢@NextLocal指出这一点。我还尝试了Jake用于jquery-countdown.js的几个URL变体,确认该文件不在其代码中引用的路径中(也不在其服务器上其他可能被误解的路径中)。
$(document).ready(function() {
$('.countdown').final_countdown({
'start': 1362139200,
'end': 1388461320,
'now': 1387461319
}, function() {
// Finish Callback
});
});