2013-04-17 4 views
1

Je n'arrive pas à exécuter ce script simple et je le regarde depuis un moment et je ne vois aucune erreur de syntaxe. Je veux simplement que l'alerte apparaisse en cliquant.jQuery cliquez sur le bouton pour ne pas exécuter

<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script type='text/javascript'> 

$(document).ready(function() { 
    $("#authenticate_button").click(function() { 
     alert("click"); 
    }); 
}); 

</script> 

</head> 
<body> 
    <input id="code" type="text"> 
    <button id='authenticate_button'>Authenticate</button> 
</body> 
</html> 
+4

Êtes-vous d'ouvrir le fichier http: //? Si vous l'ouvrez dans le fichier: // cela ne peut pas fonctionner. –

+0

que dit la console dans le navigateur? – orolo

+1

Cela ne fonctionne pas dans un fichier local, n'est-ce pas? –

Répondre

6

Vous ouvrez le fichier avec votre navigateur directement. // est un raccourci pour votre protocole actuel (qui est file://), donc jQuery ne se charge pas à partir du CDN de Google.

Vous devez spécifier explicitement le protocole en ajoutant http: avant // dans cette ligne:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

Je voudrais aussi ajouter un type de document:

<!DOCTYPE html> 
+0

Je suppose que, http://jsfiddle.net/GrVke/ semble travailler à partir de là ... – Bene

+0

Ah, je ne l'aurais jamais remarqué, merci. – ThingWings

0

Vous pouvez également essayer avec ceci:

Utilisation du CDN de jQuery fourni par MediaTemple

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

utilisant CDN

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script> 

de Microsoft comme une alternative au fichier de jQuery.

Je suggère d'aller pour cela:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> 
<script> 
    // Fallback to loading jQuery from a local path if the CDN is unavailable 
    (window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>')); 
</script> 
Questions connexes