2017-08-17 6 views
0

ライブラリintercooler.jsでAJAXリクエストを実行していますが、ネイティブAJAXで試してみましたが、同じ結果が得られました。load関数の後にjQueryバインドが失敗する

私は(それがモーダルである)ログインフォーム提出:私はidを持つdiv要素を更新すると、 "IC-に成功"(成功要求)= "ナビゲーションバー"

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

を(ヘッダーリンク)。この関数はjQueryの作業を停止する原因:

update('navbar'); 

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

オーケー、ID =「ナビゲーションバー」(ヘッダリンク)となりましたdivがリフレッシュし、ログアウトリンクが表示されてしまったが、これはもう動作しません:

<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キーを押してページ全体をリフレッシュして、ログアウトリンクが再び機能するようにする必要があります。

答えて

0

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

それは作品だが、私はすべてのコンポーネントであることをしなければならないのでしょうか?

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

+0

を試してみてくださいすべてのボタンとタグで50以上のAJAX定義.....:Sはとてもプリミティブです。私のコンポーネントがリンクであれば、手動で再インスタンス化する必要がありますか?私のタグのいくつかは次のようなものです: ' Cerrar sesión' – Jota

関連する問題