Question

CSS文件似乎正确加载。 JS文件似乎也加载了，但所有这些文件都是非活动的，在consol上没有错误消息。

我的档案是：

$.fn.countdown = function (callback, duration, message) {
    message = message || "";
    var container = $(this[0]).html(duration + message);
    var countdown = setInterval(function () {
        if (--duration) {
            container.html(duration + message);
        } else {
            clearInterval(countdown);
            callback.call(container);   
        }
    }, 1000);
};

// Use p.countdown as container, pass redirect, duration, and optional message
$(".countdown").countdown(submit_on_time, 30, "s remaining");

// Function to be called after 5 seconds
function submit_on_time () {
    $('#interview-form').submit();
}

特定于站点的唯一文件是script.js。 Script.js是下面的简短代码：

{{1}}

enter image description here

我很难找到这个问题的根源。

Answer 1

在任何元素可用之前，您的脚本位于<head>部分，因此$(".countdown")会返回一个空对象。
您需要添加$(document).ready()或将脚本放在底部，就在</body>之前（或者至少低于您尝试访问的元素之下）。

$.fn.countdown = function (callback, duration, message) {
    message = message || "";
    var container = $(this[0]).html(duration + message);
    var countdown = setInterval(function () {
        if (--duration) {
            container.html(duration + message);
        } else {
            clearInterval(countdown);
            callback.call(container);   
        }
    }, 1000);
};

// Function to be called after 5 seconds
function submit_on_time () {
    $('#interview-form').submit();
}

// Use p.countdown as container, pass redirect, duration, and optional message

$(document).ready(function() {
    $(".countdown").countdown(submit_on_time, 30, "s remaining");
});

Js文件未正确加载

1 个答案: