Question

我想在我的网站上设置一个像这样的计时器：flipClock.js。我下载了代码并测试了base.html文件。一切都很好。

现在我复制了代码并将css和js文件包含在我的codeigniter项目中，如下所示：

<head>
<link href="<?php echo base_url();?>css/flipclock.css" rel="stylesheet">
</head>

<body><div class="clock" style="margin:2em;"></div>
            <div class="message">
            </div>

    </div>
</body>
<script src="<?php echo base_url();?>js/jquery.js"></script>
<script src="<?php echo base_url();?>js/flipclock.min.js"></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>

现在，当我加载网页时，没有显示计时器。在控制台中，我收到错误＆＃34; Uncaught TypeError：$（...）.FlipClock不是函数＆＃34;

有人可以帮助我吗？

Answer 1

未捕获的TypeError：$（...）。FlipClock不是函数

当我使用以下内容时收到类似的错误消息：

var clock = $('.myTime-Clock').FlipClock({ // ... your options here });

最后，以下工作：

var clock = new FlipClock($('.myTime-Clock'), {  });

参考：http://flipclockjs.com/#basic-example

codeigniter中的flipclock.js

1 个答案: