2016-06-10 10 views
1

Wie unten unter HTML-Steuerelemente, wenn ich versuche, die "ID" von Submit zu "Speichern" zu ändern, klicken Sie auf Speichern funktioniert dann nicht.jquery on click-Ereignis wird nicht ausgelöst, wenn jquery verwendet wird 1.11.3.min.js.

HTML

<html> 
<head> 
</head> 
<body> 
<input type="button" value="Submit Request" id="Submit"class="buttonclass"/>    
<input type="button" id="cancel" value="Cancel" class="buttonclass" /> 
</body> 
</html 

JS Code unten:

$("#Submit").on({ 
    click: function() {    

     $(this).attr('id', 'Save');   
     return false; 
    } 
    }); 

    $("#Save").on({ 
    click: function() {    
     alert("Save Event Fired"); 
    } 
    }); 
+0

'id =" Submit "class =" buttonclass "' Fügen Sie Leerzeichen vor 'class' hinzu. –

+0

Haben Abstand zwischen, es wurde getrimmt, während Kopieren Code hier. –

+0

Irgend jemand da um zu helfen? –

Antwort

2

Sie das Click-Ereignis nicht die Bindung an #Save weil die ID #Save existiert erst NACH der Submit-Button (es wurde gedrückt ist nicht #Save beim Laden). Aber wenn Sie das Click-Ereignis auf den Körper setzen und nur den #Save akzeptieren, können Sie das Event blasen und dort behandeln.

$("#Submit").on('click', function (e) { 
    e.stopPropagation() 

    alert("Submitted Fired"); 
    $(e.target).attr('id', 'Save');   
    $(this).unbind('click'); 
}) 

$("body").on('click', '#Save', function (e) { 
    alert("Save Event Fired"); 
}) 

https://jsfiddle.net/6Lchafwa/1/
Wenn dies die Antwort, die Sie suchen, auf der linken Seite das grüne Häkchen drücken.

+0

Nein, es hat nicht funktioniert. Sorry –

+0

@AshwinRajagopal beziehen sich auf die bearbeitete Antwort. – wot

+0

Aber warum arbeitete das mit früheren jquery Version? Was ist, wenn es noch eine Schaltfläche namens "Abbrechen" gibt und wenn ich die ID von "Abbrechen" auf "Löschen" in "Senden" klicken muss, klicken Sie auf Ereignis? –

Verwandte Themen