Dynamisch geplaatste button werkend krijgen

Door jovank vank op 04-03-2015 17:22 gewijzigd op 04-03-2015 17:23

2.108 views

Ik heb het volgende probleem.
Ik heb de volgende button


<div id="p1"><button id="hide">Wijzigen</button></div>

Als deze button wordt geactiveerd verdwijnt hij en verschijnt een form. Dat doe ik als volgt:


$(document).ready(function(){
  $("#hide").click(function(){
     $("#p1").html('');
     $("div#form1").append("<informatie van het form etc. etc.>");
  });
});

Dit werkt allemaal prima. Als het form wordt ingevuld en verstuurt wordt het met jquery.ajax afgehandeld. Dat gaat ook prima. Als dat is gebeurd dan wil ik dat het form verdwijnt en de button wijzigen weer terugkomt. Dat doe ik als volgt als onderdeel van de ajaxfunctie:


.....
success:function(result){
    ......
    $("#p1").html('<button id="hide">Wijzigen</button>')
}

Dit werkt allemaal prima, maar de button heeft geen functie meer. Als je er weer op klikt gebeurt er nu niets. Heeft iemand een idee waar dit 'm in zit?

Ger van Steenderen

04-03-2015 18:22

Op het moment dat je de div leeg maakt is de button uit DOM verwijderd, dus ook de click eventlistener.
Als je de eventListener op de div met child button zet, wordt kan het wel:
[code lang="js"]
$("#p1").on("click", "button#hide", function(e){
e.stopPropagation();
$("#p1").html('');
$("div#form1").append("<informatie van het form etc. etc.>");
});`
[/code]

jovank vank

04-03-2015 18:34

Verdraaid, het werkt. Thx Ger. Ik was er niet opgekomen!
En nu ik je toch aan de lijn heb:
Het form dat ik append, dat moet ik als één regel invoeren. Dus als ik een enter doe om op een nieuwe regel verder te gaan met de definities, dan werkt het niet. Is dat normaal voor een append-functie? Niet dat het ernstig is, maar het is niet overzichtelijk.

[size=xsmall]Toevoeging op 04/03/2015 18:34:33:[/size]

Verdraaid, het werkt. Thx Ger. Ik was er niet opgekomen!
En nu ik je toch aan de lijn heb:
Het form dat ik append, dat moet ik als één regel invoeren. Dus als ik een enter doe om op een nieuwe regel verder te gaan met de definities, dan werkt het niet. Is dat normaal voor een append-functie? Niet dat het ernstig is, maar het is niet overzichtelijk.

Reageren

Inloggen om te reageren