我试图在我的网站上设置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')