AJAXでロードされたコンテンツにJQueryを追加する

Question

bind()の代わりにlive()を使用して、AJAXでコンテンツをリロードした後でもイベントハンドラが存在することを確認しましたが、他に追加されたJQuery .sortable()？ソートや追加後にリロードする必要があるULがあります。しかし、AJAXをリロードした後は、ソートが正しく機能しません。

ソート可能性は完全に失われませんが、ドラッグははるかに難しくなります。それは周りにジャンプし、一見私はドラッグしようとしているものではない2つの他のセクションを切り替えます。これは部分リロード後にのみ発生します。私の推測では、リロードするときに、ソート可能なものを再接続する必要があります...どうすればこのことができますか？ここに私のコードは次のとおりです。それは要素がDOMに追加されるたびに実行されるように

$("#sections").sortable({ 
       start: function (event, ui) { 
        startIndex = ui.item.index(); 
       }, 
       update: function (event, ui) { 
        $.ajax({ 
         type: "POST", 
         url: "/Form/sortSections", 
         data: { 
          formID: '@(Model.formID)', 
          displayOrder: ui.item.index() + 1, 
          sectionID: $(ui.item).attr("id"), 
          startDisplayOrder: startIndex + 1 
         }, 
         success: function (result) { 
          $.get("/Form/_AllSections/@(Model.formID)", function (data) { 
           $("#sections").html(data); 
          }); 
         }, 
         error: function (req, status, error) { 
          alert(error); 
         } 
        }); 
       } 
      }); 

Answer 1

はlive()でloadイベントを使用してください。

http://api.jquery.com/load-event