2016-11-09 3 views
0

Ich habe dieses jquery Plugin heruntergeladen: http://harshen.github.io/jquery-countdownTimer/ speziell zur Verwendung der Reverse countdown to zero from time set to only minutes Timer. Ich bin mir ziemlich sicher, dass ich die Anweisungen richtig befolgt habe, aber das Plugin funktioniert nicht. Ich habe noch nie zuvor jQuery oder Plugins benutzt, also bin ich mir nicht sicher, ob ich etwas vermisse oder etwas völlig falsch mache (oder beides).Jquery countdownTimer Plugin funktioniert nicht

Mein Javascript-Testalarm wird ausgeführt.

Ich werde meinen Code für Sie alle anfügen, um zu sehen. Nicht sicher, ob es mit meinen Dateipfaden zu tun hat, aber ich habe auch ein Bild davon angehängt. Bitte sagen Sie mir, was das Problem verursacht und wie Sie es beheben können. Vielen Dank.

<!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>

Und hier ist ein Bild von meinem Projektordner mit den Dateien:

enter image description here

+0

@madalinivascu Es sagt "Uncaught SyntaxError: Unerwarteter Bezeichner" in Zeile 49 (diese Zeile: size: "lg") aber ich bin mir nicht sicher, was es sein würde ... – Jess

Antwort

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

ich hoffe, dass Sie dies jetzt bearbeiten ... – madalinivascu

+0

Ich habe es behoben. * hängt Kopf in Schande ... * Vielen Dank für Ihre Hilfe. – Jess

Verwandte Themen