FlipClock 未捕获类型错误答案

【问题标题】：FlipClock Uncaught TypeErrorFlipClock 未捕获类型错误
【发布时间】：2018-09-08 16:41:59
【问题描述】：

我一直在我的http://www.skivvienix.com 上添加 FlipClock jQuery 插件，并在 "2 Pairs Starting" 下添加了 html 代码 => <div class="clock" style="margin:2em;"></div>

但我的时钟不工作，它在控制台链接上给出错误消息：

未捕获的类型错误：$(...).FlipClock 不是函数

我正在使用 jquery-1.11.3 缩小版。我该如何解决这个问题？

谢谢

【问题讨论】：

在那个沉重的页面上，任何东西都令人惊叹。你喜欢错过在所有代码中加载flipclock.js。我也可以对那个描述说“Euuw”吗？
试试这个 init clock = new FlipClock($('.clock'),{...} 的语法。插件站点上使用的 jQuery 版本是 v1.8.1。检查兼容性。还要检查插件引用的顺序。

标签： javascript jquery typeerror flipclock

【解决方案1】：

当我将 jQuery( 更改为 $( 时对我有用

<div class="clock"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="//d3a1v57rabk2hm.cloudfront.net/skivvie/fresh-copy-4/js/flipclock.js?ts=1466140769&host=www.skivvienix.com"></script>
<script type="text/javascript">
  var clock;

  $(document).ready(function() {
    var clock;

    clock = $('.clock').FlipClock({
      clockFace: 'DailyCounter',
      autoStart: false,
      callbacks: {
        stop: function() {
          $('.message').html('The clock has stopped!')
        }
      }
    });

    clock.setTime(220880);
    clock.setCountdown(true);
    clock.start();

  });
</script>

【讨论】：

谢谢我的朋友，它在后端工作，但不在这个网站上。你能帮我修一下吗？
我没有任何建议

【解决方案2】：

检查脚本的顺序。 flipclock.js 应该在函数调用之前加载。

<script src="js/flipclock.min.js"></script>    <!-- loading flipclocjs -->
<script>
  var clock = $('.clock').FlipClock(3600 * 24 * 3, {   
    clockFace: 'DailyCounter',
    countdown: true
  });
</script>                                      <!-- calling function -->

这很可能是所有 'xxx' is not a function 错误的原因。

【讨论】：