Question

我正在使用库intercooler.js执行AJAX请求，但我尝试使用原生AJAX并获得相同的结果。

我提交了登录表单（它是一个模态）：

<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>

当＆＃34;成功的时候＆＃34; （成功请求）我用id =＆＃34; navbar＆＃34;刷新div （标题链接）。此函数导致jQuery停止工作：

update('navbar');

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

Okey，现在是id =＆＃34; navbar＆＃34; （标题链接）刷新并显示注销链接，但这不再起作用了：

<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>

就像jQuery停止工作一样。我再说一遍，我尝试使用原生AJAX和$("#target").click(function() {...，但绑定不起作用。

我必须按F5刷新整个页面，以便注销链接再次起作用。

Answer 1

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

尝试

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

加载函数后jQuery绑定失败

1 个答案: