Js文件加載不正確

CSS文件似乎正常加載。 JS文件似乎也加載，但它們都是無效的，沒有錯誤信息的CONSOL。Js文件加載不正確

我的文件是：該網站專用

<head> 
    <link rel="stylesheet" href="/static/libs/font-awesome4/css/font-awesome.min.css"> 
    <link rel="stylesheet" type="text/css" href="/static/libs/bootstrap/dist/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <script type="text/javascript" src="/static/js/script.js"></script> 
    <link rel="stylesheet" href="/_debug_toolbar/static/css/toolbar.css?0.7082793798424954" type="text/css"> 
</head>

唯一文件的script.js。的script.js低於短代碼：

$.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(); 
}

enter image description here

我有很難找到這個問題的根源。

來源

2015-04-23 Keon Kim

看起來像你忘了'$（document）.ready（）' – adeneo

在任何元素可用之前，您的腳本位於<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"); 
});

來源

2015-04-23 00:52:08 adeneo

Js文件加載不正確

回答

相關問題