Jade-button und jQuery-click-Ereignis

Verstehe ich nicht, warum es nicht funktioniert...

Habe ich diese index.jade-Datei:

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

Es sollte pop-up alert! Was bin ich?

Generierte HTML-Code scheint 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>
sehen Sie einfach den generierten Quelltext der Seite? Die Antwort sollte offensichtlich sein, dass es
Ihre Einzug der script ist falsch
btw, wenn Sie nicht möchten, verrückt würde ich gerade html in jade, müssen Ihre scripts und schreiben Ihren javascript-code in eine andere Datei.

InformationsquelleAutor jviotti | 2012-09-30

  1. 6

    Ich bin nicht vertraut mit [jade] doch, aber nicht sollte es jQuery "onReady" - Funktion, wie diese:

    !!! 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: Und ich bin nicht sicher über die Einrückung. Es sollte behoben werden, auch, wie ich sehe in anderen Kommentaren.

    Gott, kann nicht glauben ich verpasste die $(document).bereit haha, kämpfen für die halbe Stunde. Vielen Dank 🙂

    InformationsquelleAutor Adam Lukaszczyk

  2. 0

    Entfernen Sie diese !!! 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")

    InformationsquelleAutor Aashish Mangal

Schreibe einen Kommentar