Jade bouton et jQuery cliquez sur l'événement

Je ne comprends pas pourquoi ça ne fonctionne pas...

J'ai cet indice.jade fichier:

!!! 5
html
  head
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(src="/javascripts/jquery-1.8.2.js")
           script
       $("#rollButton").click(function() {
          alert("sas");
       });
  body
     input#rollButton(type="button", value="Roll")

Il devrait sauter l'alerte! Ce qui me manque?

HTML généré semble OK:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/stylesheets/style.css">
<script src="/javascripts/jquery-1.8.2.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
$("#rollButton").click(function() {
  alert("sas");
});
</script>
</head>
<body>
<input id="rollButton" type="button" value="Roll">
</body>
</html>
il suffit de visualiser l'généré source de la page? La réponse devrait être évident qu'il y
votre retrait de script est mal
btw, si vous ne voulez pas devenir fou, je voudrais juste mettre du html dans du jade, ont besoin de vos scripts et d'écrire votre code javascript dans un autre fichier.

OriginalL'auteur jviotti | 2012-09-30

  1. 6

    Je ne suis pas familier avec [jade] pour le moment, mais qui ne devrait pas y avoir de jQuery "onReady" de la fonction, comme ceci:

    !!! 5
html
  head
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(src="/javascripts/jquery-1.8.2.js")
    script
       $(document).ready(function(){
         $("#rollButton").click(function() {
          alert("sas");
         });
       });
  body
     input#rollButton(type="button", value="Roll")

    EDIT: Et je ne suis pas sûr de l'indentation. Il doit être fixé trop, comme je le vois dans d'autres commentaires.

    dieu, ne peut pas croire que j'ai manqué le $(document).prêt haha, de la difficulté, pour une demi-heure. Merci 🙂

    OriginalL'auteur Adam Lukaszczyk

  2. 0

    Supprimer cette !!! 5

    html
 head
link(rel='stylesheet', href='/stylesheets/style.css')
script(src="/javascripts/jquery-1.8.2.js")
       script
   $("#rollButton").click(function() {
      alert("sas");
   });
body
 input#rollButton(type="button", value="Roll")

    OriginalL'auteur Aashish Mangal