web-dev-qa-db-de.com

capture-Klickereignis für Senden-Button-Jquery

Ich versuche, das Klickereignis einer Übergabeschaltfläche in meinem Formular zu erhalten ...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

Das ist der Button, von dem ich die Veranstaltung bekommen möchte.

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

Dies ist das, was ich beim Klicken mit der Taste tun möchte. Ich möchte ein Ladebild um ein div legen und es später in einer anderen Funktion wieder freigeben. Derzeit wird das Overlay angezeigt, wenn die Seite anstelle von onClick geladen wird. Was tue ich 

10
SoftwareSavant

versuche dies

$('#submitDemo').live("click",function() {
  // your stuff
});

Wie @ px5x2 darauf hinweist, dass Live nicht mehr aktuell ist, verwenden Sie ON

$('#submitDemo').on("click",function() {
  // your stuff
}); 
13
NullPoiиteя
$('#submitDemo').click(function() {
  // do your stuff
});
8
Chuck Callebs

Sie müssen Ihren Code in eine Funktion einhüllen.

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Es ist jedoch immer eine gute Praxis, das Ereignis mithilfe von on zu binden, sodass der Event-Handler an das Element angehängt wird, wenn dieses verfügbar ist 

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});
3
Sushanth --

Sie müssen Ihr Skript ausführen, wenn das DOM fertig ist, und einen Rückruf für die Click-Methode bereitstellen:

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});
3
xandercoded

Für das Formular können Sie auch die Schaltfläche zum Absenden binden.

$("#form_selector").submit(function{
// Do your stuff
})

wobei 'form_selector' die ID des Formulars ist, auf das die Schaltfläche zum Senden geklickt wird.

1
Paritosh Singh

Möglicherweise haben Sie die Jquery-Bibliothek nicht in Ihren Code aufgenommen.

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
0
Bariock