jQuery ajaxは一度しか動作しませんが、その後は毎回ブラウザにhrefがロードされます

Question

私はaタグのhref属性を読み込み、ajax経由で新しいコンテンツを読み込むクリックハンドラを持っています。関数はfalseを返し、href urlに従わない。これは一度動作しますが、その後はその関数が呼び出されるようには見えず、コンテンツは非同期に読み込まれず、代わりにブラウザのリンクに従います。

$ ("document").ready(function() { 
      $(".post_update").click(function() { 
       $("#dashboard_content").html(ajax_load).load($(this).attr('href')); 
       return false; 
      }); 
}); 

<a href="{{ path('post_update', {"id":post.id}) }}" class="post_update">Edit</a> 

Answer 1

文書を文字列として使用しないでください。オブジェクト自体がbelwoコードを試してください。

リンクはダッシュボードコンテナの内側にあるため、この場合はライブを使用する必要があります。 .post_updateが#dashboard_content内にある場合

$(document).ready(function() { 
      $("a.post_update").live('click', function() { 
       $("#dashboard_content").html(ajax_load).load($(this).attr('href')); 
       return false; 
      }); 
}); 

Answer 2

、問題は、イベントハンドラが結合した要素は、今なくなっているということです。最も簡単な解決策は、jQuery.liveメソッドを使用することです。したがって、コードは次のようになります。

$(document).ready(function() { 
    $(".post_update").live("click", function (e) { 
     $("#dashboard_content").html(ajax_load).load($(this).attr('href')); 
     return false; 
    }); 
});