翻转时钟.js拍摄错误 未捕获类型错误:无法调用 null 的方法"翻转时钟"



我试图在我的网站上设置fliplock .js,但无论我做什么,它似乎都没有加载,chrome给了我以下错误:

Uncaught TypeError: Cannot call method 'FlipClock' of null

我的代码布局如下:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="/flipclock/src/flipclock/js/libs/base.js"></script>
<script src="/flipclock/compiled/flipclock.min.js"></script>
</head>

<body>
<div class="clock" style="margin:2em;"></div>
<script type="text/javascript">
jQuery(document).ready(function() { 
    var clock = $('.clock').FlipClock(new Date(2014,8,30).getTime()/1000 - new           Date().getTime()/1000, {
    clockFace: 'DailyCounter',
    countdown: true
   });
   });
  </script>
  </body>

所有的jquery文件加载正常。我只收到上面提到的一个错误。我也试过移动flipclock文件在我的身体下面,所以他们加载后,但没有运气和相同的错误。我会很感激一些关于解决这个问题的想法。谢谢。

尝试使用:

jQuery('.clock')

代替:

$('.clock')

最新更新