当我通过rails-assets-pipeline
使用jcountdown时,在我的页面上显示计时器时遇到了问题
错误消息:未捕获TypeError:$(...).countdown不是函数
代码:
countdown_timer.js
$(document).ready(function(){
$("#timeleft").countdown({
"date" : "november 07, 2015"
});
});
查看:
<div id="timeleft"></div>
我理解这个错误,但对javascript了解不多,所以我不知道如何修复它。我正在按照他们的维基页面jcountdown的说明进行操作
我从application.js
和application.scss
中删除了//= (*=)require jcountdown
,因为unable to find stylesheets using turboliks
发布于 2015-11-08 19:07:52
现在我们已经成功地加载库,
替换
$(document).ready(function() {
$("#timeleft").countdown({
"date" : "november 07, 2015"
});
});
使用
$(document).ready(function() {
$("#timeleft").countdown("2015/11/07");
});
有关更多信息,我会参考文档here的最新版本
编辑:
页面上也给出了一个简单的示例,不过我将在这里重复它。
html
<div id="getting-started"></div>
和js
$("#getting-started")
.countdown("2016/01/01", function(event) {
$(this).text(
event.strftime('%D days %H:%M:%S')
);
});
发布于 2017-01-01 01:04:19
我添加了
<script src="js/jquery.countdown.js"></script>
到身体的最后一行,它起作用了。这是因为这个js没有为我的页面加载。
发布于 2020-07-05 04:22:55
检查应该存储在服务器上的所有脚本文件。如果缺少任何一个,您将得到上面的错误。这解决了我的问题。
<script src="[path]/jquery.countdown.min.js"></script>
请访问链接https://[path]/jquery.countdown.min.js
以确保可以找到该文件
https://stackoverflow.com/questions/33592840
复制相似问题