javascript - FlipClock 未捕获类型错误

Question

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

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

未捕获的 TypeError: $(...).FlipClock 不是函数

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

谢谢

Answer 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>

Answer 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”不是函数错误的原因。