2 つのページ A と B があります
ページ A には複数の「編集」ボタンがあり、各ボタンには style class="editbtn" があり、ajax をクリックしてページ B に移動します。次のコード
$(".editbtn").click(function(){ var url="b.php"; var params = $('form').serialize(); $.ajax({ url: url, type: 'post', dataType:'json', data: params, success: function (data){ $("#div1").html(data.html); $("#div2").html(data.script); } }); });
$data=array( 'html'=>$html, 'script'=>$script);echo json_encode($data);
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn", function() に変更します{
以上です
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn", function(){
以上です
バインディング イベントは
$('.clickme').live('click', function() {
alert("ライブ ハンドラーが呼び出されます。");
}); に変更されます。要素へのイベント ハンドラーの付加は、要素が後で追加された場合でも有効です
$(".editbtn").click(function(){
を $(document).on('click', ".editbtn ", function(){
以上です