Keine Ahnung, warum meine jquery nicht

Question

Post Ich habe keine Ahnung, warum meine jquery nicht posten. Ich kann die iputs sehen und anklicken, aber nicht posten. Ich lade den gesamten lokalen und internen Verkehr über wireshark ab, sehe aber überhaupt nichts.

Aussehen Meine Protokolle dies wie:

127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /control_panel.png HTTP/1.1" 304 - 
127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /rocket.html HTTP/1.1" 200 - 
127.0.0.1 - - [02/Sep/2016 22:14:35] "GET /js/jquery.js HTTP/1.1" 304 - 

Hier Beispielskript ist:

<script> 
    $('#dsubmit').click(function(){ 
     var accessHash = document.getElementById("rocketHash").value; 
     $.post("api.js", {rocketHash: accessHash, rocketDown: 'rocketDown'}, function(result){ 
      $("#rocketHashReturn").fadeIn(); 
      $("#rocketHashReturn").text(result); 
      $("#rocketHashReturn").delay(250).fadeOut(); 
     }); 
    }); 
</script> 

Hier jsfiddle ganzer Sache ist:

https://jsfiddle.net/0mpj7zc2/

Ich mag es fühlen wahrscheinlich etwas ziemlich dummes, das ich übersehe.

Answer 1

Ich denke, Sie sollten das Click-Ereignis binden.

<script> 
$(document).ready(function(){ 
    $('#dsubmit').click(function(){ 
     var accessHash = document.getElementById("rocketHash").value; 
     $.post("api.js", {rocketHash: accessHash, rocketDown: 'rocketDown'},function(result){ 
     $("#rocketHashReturn").fadeIn(); 
     $("#rocketHashReturn").text(result); 
     $("#rocketHashReturn").delay(250).fadeOut(); 
    }); 
    }); 


</script> 

versuchen Sie es so. Es sollte Arbeit sein.

Answer 2

Es hat etwas damit zu tun, dass Sie Eingabeelemente (ohne einen Typ) verwenden, um Ihre Schaltflächen zum Klicken zu erstellen. Durch das Ändern der Eingaben in divs oder buttons und das Hinzufügen von jquery zu Ihrer Fidel haben die Click-Handler funktioniert.

Wahrscheinlich sollten Sie keine Eingabeelemente als Schaltflächen verwenden, nur für die Texteingabe.