jqueryスクリプトは、後で動作しません.load（）

Question

Imはjquery/ajaxで昨日開始しました。そして私はいくつかのことを試してみるが、私は壁にぶつかる。私は、このスクリプトでは、私のjsのスクリプトが含まれ、インデックスファイルは私が使用されるインデックスファイルでは、2つの機能（下記参照）

を持っている

は（いくつかの行を持つテーブルが含まれているPHPファイルを含めることが含まmysqlからの行）。これは私のjsスクリプト（mod/hoofdmenu.php）の.loadにも使用するファイルを含んでいます。

1つのスクリプトは、ドラッグアンドドロップで行の順序を変更するためのものですが、これは完璧に機能します。 他のスクリプトは、画像をクリックすると1行を変更するためのものです（公開/非公開）。このスクリプトは完璧に機能します。しかし、私はこのスクリプトを実行すると、最初のスクリプト（ドラッグアンドドロップ）はもう動作しません。 「公開/公開解除」スクリプトは引き続き動作します。

私はそれが$（ '＃showdata'）であると思うので、ロード（ 'mod/hoofdmenu.php'）; すべてのアドバイスや助力を非常に感謝しています。今AJAX要求によってロードされた新しいものに交換されたDOM要素に適用

 

$(function() { 
    $(".entry").live("click",function(event) { 
    event.preventDefault(); 
    var id = $(this).attr("id"); 
    var dataString = 'id='+ id ; 
    var parent = $(this).parent(); 
    $.ajax({ 
      url: "save.php",  
      type: "POST",  
      data: dataString,  
      cache: false, 
      success: function (html) { 
       $('#showdata').load('mod/hoofdmenu.php');   
      }  
     }); 
    }); 
}); 
$(function() { 
    $(".tbl_repeat tbody").tableDnD({ 
     onDrop: function(table, row) { 
      var orders = $.tableDnD.serialize(); 
      $.post('mod/order.php', { orders : orders }); 
     } 
    }); 

}); 
 

Answer 1

ドラッグ＆ドロップイベント：

は、JSファイルが含まれています。 tableDnDビヘイビアを新しい要素に配置する必要があります。

は、これを行うためのいくつかの空想livequeryスタイルの方法があるかもしれませんが、これは動作するはずです：なぜあなたは持っているん

function initDnD(root) { 
    root.find(".tbl_repeat tbody").tableDnD({ 
     onDrop: function(table, row) { 
      var orders = $.tableDnD.serialize(); 
      $.post('mod/order.php', { orders : orders }); 
     } 
    }); 
}; 

$(function() { 
    $(".entry").live("click",function(event) { 
     event.preventDefault(); 
     var id = $(this).attr("id"); 
     var dataString = 'id='+ id ; 
     var parent = $(this).parent(); 
     $.ajax({ 
      url: "save.php",  
      type: "POST",  
      data: dataString,  
      cache: false, 
      success: function (html) { 
       $('#showdata').load('mod/hoofdmenu.php', function() { 
        initDnD($('#showdata')); 
       });   
      }  
     }); 
    }); 
    initDnD($("body")); 
});