Question

在将jquery.countdown（http://hilios.github.io/jQuery.countdown/）推送到我的生产环境时，我遇到了一些麻烦。

我有一个倒计时的init脚本，如下所示：

$(document).ready(function() {
    var clock = $('#clock');
    // init jquery.countdown
    clock.countdown(clock.data("time")).on('update.countdown', function(event) {
        var $this = $(this).html(event.strftime('<span>%M</span> min'));
    }); 
});

我的application.js看起来像这样：

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require jquery.countdown
//= require initCountdown
//= require_tree .

这在我的本地环境上的效果与预期相似，但在我的网站上却没有。脚本正在运行，但是当我在倒计时功能中放入一个日志时，它没有显示，所以它似乎没有运行它。

可能是什么问题？

Answer 1

将事件绑定到$(document).ready并不会像Turbolinks一样按预期工作。

试试这个：

$(document).on('ready page:load', function() {
  ...
});

每当加载新页面时，Turbolinks都会触发page:load事件（例如，大多数指向GET请求的链接）。

rails 4中的jquery.countdown

1 个答案: