2016-11-09 159 views
0

我下載了這個jquery插件:http://harshen.github.io/jquery-countdownTimer/ 專門用Reverse countdown to zero from time set to only minutes定時器。 我很確定我正確地按照說明操作,但插件無法正常工作。我之前從未使用過jQuery或插件,所以我不確定我是否缺少某些東西或只是做了一些完全錯誤的事情(或兩者都有)。jquery countdownTimer插件不工作

我的Javascript測試警報確實運行。

我會附上我的代碼給大家看看。不知道它是否與我的文件路徑有關,但我也附帶了一個圖片。請告訴我可能導致問題的原因以及如何解決。謝謝。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
\t <script type="text/javascript" src="timer/LIB/jquery-2.0.3.js"></script> 
 
\t <script type="text/javascript" src="timer/jquery.countdownTimer.js"></script> \t 
 
\t <link rel="stylesheet" type="text/css" href="timer/CSS/jquery.countdownTimer.css"/> 
 
    
 
\t <script type="text/javascript"> 
 
\t 
 
\t \t alert("working"); 
 
    
 
    </script> 
 
    
 
</head> 
 
<body> 
 

 
    <script type="text/javascript"> 
 
    alert("tester"); 
 
    </script> 
 

 
    <div id="main"><span id="m_timer"></span></div> 
 
\t <script type="text/javascript"> 
 
\t \t $(function() 
 
\t \t { 
 
\t \t \t $("#m_timer").countdowntimer({ 
 
\t \t \t \t minutes : 2‚ 
 
\t \t \t \t size : "lg" 
 
\t \t \t }); 
 
\t \t }) 
 
    </script> 
 
    
 
</body> 
 
</html>

這裏是我的項目文件夾中的圖片,包含文件:

enter image description here

+0

@madalinivascu它說「未捕獲的SyntaxError:意外的標識」上線49(這條線:尺寸:「LG」),但我不知道那會是什麼? – Jess

回答

1

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
\t <script type="text/javascript" src="timer/LIB/jquery-2.0.3.js"></script> 
 
\t <script type="text/javascript" src="timer/jquery.countdownTimer.js"></script> \t 
 
\t <link rel="stylesheet" type="text/css" href="timer/CSS/jquery.countdownTimer.css"/> 
 
    
 
\t <script type="text/javascript"> 
 
\t 
 
\t \t alert("working"); 
 
    
 
    </script> 
 
    
 
</head> 
 
<body> 
 

 
    <script type="text/javascript"> 
 
    alert("tester"); 
 
    </script> 
 

 
    <div id="main"><span id="m_timer"></span></div> 
 
\t <script type="text/javascript"> 
 
\t \t $(function() 
 
\t \t { 
 
\t \t \t $("#m_timer").countdowntimer({ 
 
\t \t \t \t minutes : 2‚ 
 
\t \t \t \t size : "lg" 
 
\t \t \t }); 
 
\t \t }) 
 
    </script> 
 
    
 
</body> 
 
</html>

+2

我希望你編輯這個現在... – madalinivascu

+0

我弄明白了。 *恥辱的頭...... * 謝謝你的幫助。 – Jess