jQuery bindet fehlschlagen nach der Ladefunktion

Question

Ich mache die AJAX-Anfragen mit der Bibliothek intercooler.js, aber ich habe versucht, mit nativen AJAX und ich habe das gleiche Ergebnis.

Ich lege das Anmeldeformular (die es in einem modal ist):

<form id="loginForm" role="form" class="login-form" ic-post-to="{% url 'login' %}" ic-on-error="handleFormError(xhr,'loginForm');" ic-on-success="deleteAllErrors('loginForm');$('#loginModal').modal('hide');update('navbar');" data-toggle="validator">{% csrf_token %}...</form> 

Wenn "ic-on-success" (Erfolg Anfrage) ich aktualisieren Sie die div mit id = "navbar" (die Header-Links). Diese Funktion bewirkt, dass jQuery aufhören zu arbeiten:

update('navbar'); 

function update(idDom){ 
    $('#update-' + idDom).load(' #' + idDom); 
} 

Okey, nun die div mit id = "navbar" (den Header-Links) bekam neu geladen und der Logout-Link erscheinen, aber das funktioniert nicht mehr:

<div id="update-navbar">  
    <div id="navbar" class="collapse navbar-collapse"> 
     <a class="pointer" ic-get-from="{% url 'logout' %}" ic-on-success="update('navbar');"><i class="lnr lnr-exit"></i> Cerrar sesi&oacute;n</a> 
    </div> 
</div> 

Es ist wie jQuery aufhören zu arbeiten. Ich wiederhole, ich versuchte mit nativen AJAX und $("#target").click(function() {... auch, aber die Bindung funktioniert nicht.

Ich muss die ganze Seite mit F5 aktualisieren, so dass der Abmeldelink wieder funktioniert.

Answer 1

Bind events on dynamic created elements inserted by AJAX (check box)

versuchen

$(document).on('click',"#target", function() {...