JQuery сортировка не размещения на приложил литий

Question

У меня есть форма добавления в ул от ответа PHP Ajax

$('#page-form form').submit(function() { 

     var data = $(this).serialize(); 
     //alert(data); 

     $.ajax({ 
      type: "POST", 
      url: "newPage.php", 
      data: data, 
      cache: false, 
      success: function(html) 
      { 
       $('.item1 ul').append(html).slideDown(); 
      } 
     }); 
    }); 

И используя .sortable заказать Ли сохранить позицию

$(function() { 
    $(".item1 ul").sortable({ revert:true, update: function() { 
     var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
     $.post("pageOrder.php", order, function(theResponse){ 

     }); 
    } 
    }); 
}); 

Проблема заключается в том, что прилагаемый html не публикуется на страницеOrder.php

Answer 1

Вы должны попробовать это.

$('#page-form form').submit(function() 
{ 
    var data = $(this).serialize(); 
    $.ajax({ 
     type: "POST", 
     url: "newPage.php", 
     data: data, 
     cache: false, 
     success: function(html) 
     { 
      $('.item1 ul').append(html).slideDown(); 
      $(".item1 ul").sortable(
      { 
       revert:true, 
       update: function() 
       { 
        var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
        $.post("pageOrder.php", order, function(theResponse){ }); 
       } 
      }); 
     } 
    }); 
});

Таким образом, потому что вы добавления нового dom в .item ul так newly appended DOM не event возложенные на них.

Установить FireQuery расширение Firebug для разработки jQuery, которое позволяет вам видеть код jQuery и события, связанные с dom.