JQuery UI Сортируемый изменить HTML по созданию

Question

У меня есть страница с 2-х элементами:

1. список элементов с перетаскиваемом методом
2. потерянных элементов с сортируемым методом

я только позволяю перетаскивая из списка 1 в список 2 и, похоже, работает нормально.

Теперь я ищу, что когда я перетаскиваю элемент из списка 1 в список 2, новый созданный элемент будет содержать несколько разных html, а затем элемент, который был перетаскиван. это возможно?

iv'e попробовал этот подход, но это, кажется, не делать на работе:

$("#list_2").sortable({ 
     placeholder: "ui-state-highlight", 
     cursor: "move", 
     delay: 150, 
     forcePlaceholderSize: true, 
     opacity: 0.5, 
     scrollSpeed: 40, 
     receive: function(event, ui) { 
      ui.item.html(ui.item.find(".hide").html()); 
} 
}); 
     $("#list_1").disableSelection(); 
     $(".draggable").draggable({ 
     connectToSortable: "#template_parts", 
     helper: "clone", 
     revert: "invalid", 
     stop: function(event, ui) { 
    } 
      }); 

любая помощь должна быть значительно appriciated

Answer 1

var received = false; 
$(function() { 
    $(".draggable").draggable({ 
     connectToSortable: "#list_2" 
    }); 
    $("#list_2").sortable({ 
     receive: function(event,ui){ 
      received = true; 
     }, 
     stop: function(event,ui){ 
      if(received){ 
       ui.item.css('color','blue'); 
       ui.item.html(ui.item.html()+' changed'); 
       received = false; 
      } 
     } 
    }); 
    $("#list_2").disableSelection(); 
}); 

Пример

http://jsfiddle.net/jd8A7/4/