未捕获的TypeError：$（...）。倒计时在通过rails-assets-pipeline使用jcountdown时不是函数```

Question

当通过rails-assets-pipeline

使用jcountdown显示我的页面中的计时器时，我遇到了问题

  

错误消息：未捕获TypeError：$（...）。倒计时不是函数

代码：

countdown_timer.js

$(document).ready(function(){
  $("#timeleft").countdown({
    "date" : "november 07, 2015"
  });
});

视图：

<div id="timeleft"></div>

我理解错误，但不太了解javascript所以我不知道如何解决它。我按照他们的维基页面jcountdown

按照说明操作

我从//= (*=)require jcountdown和application.js移除了application.scss因为unable to find stylesheets using turboliks

任何帮助都会很感激。 感谢。

Answer 1

我添加了

<script src="js/jquery.countdown.js"></script>

到身体的最后一行并且它起作用了。它发生了，因为这个js没有加载到我的页面。

Answer 2

现在我们已经成功加载了库，

替换

$(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')
    );
 });

Answer 3

检查所有应存储在服务器上的脚本文件。如果缺少任何内容，则会收到上述错误。固定了我的。

<script src="[path]/jquery.countdown.min.js"></script>

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