首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >未捕获的资产:$(...).countdown在通过rails-TypeError-.countdown使用jcountdown时不是函数`

未捕获的资产:$(...).countdown在通过rails-TypeError-.countdown使用jcountdown时不是函数`
EN

Stack Overflow用户
提问于 2015-11-08 18:12:01
回答 3查看 5.3K关注 0票数 1

当我通过rails-assets-pipeline使用jcountdown时,在我的页面上显示计时器时遇到了问题

错误消息:未捕获TypeError:$(...).countdown不是函数

代码:

countdown_timer.js

代码语言:javascript
复制
$(document).ready(function(){
  $("#timeleft").countdown({
    "date" : "november 07, 2015"
  });
});

查看:

代码语言:javascript
复制
<div id="timeleft"></div>

我理解这个错误,但对javascript了解不多,所以我不知道如何修复它。我正在按照他们的维基页面jcountdown的说明进行操作

我从application.jsapplication.scss中删除了//= (*=)require jcountdown,因为unable to find stylesheets using turboliks

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-11-08 19:07:52

现在我们已经成功地加载库,

替换

代码语言:javascript
复制
$(document).ready(function() {
    $("#timeleft").countdown({
      "date" : "november 07, 2015"
    });
});

使用

代码语言:javascript
复制
$(document).ready(function() {
    $("#timeleft").countdown("2015/11/07");
});

有关更多信息,我会参考文档here的最新版本

编辑:

页面上也给出了一个简单的示例,不过我将在这里重复它。

html

代码语言:javascript
复制
<div id="getting-started"></div>

和js

代码语言:javascript
复制
$("#getting-started")
  .countdown("2016/01/01", function(event) {
    $(this).text(
      event.strftime('%D days %H:%M:%S')
    );
 });
票数 0
EN

Stack Overflow用户

发布于 2017-01-01 01:04:19

我添加了

代码语言:javascript
复制
<script src="js/jquery.countdown.js"></script>

到身体的最后一行,它起作用了。这是因为这个js没有为我的页面加载。

票数 2
EN

Stack Overflow用户

发布于 2020-07-05 04:22:55

检查应该存储在服务器上的所有脚本文件。如果缺少任何一个,您将得到上面的错误。这解决了我的问题。

代码语言:javascript
复制
<script src="[path]/jquery.countdown.min.js"></script>

请访问链接https://[path]/jquery.countdown.min.js以确保可以找到该文件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33592840

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档