當我拖到元素「格」，並拖放到「UL」我想改變「格」到「禮」

Question

當我拖累元素DIV拖放到UL我想改變DIV到李

DEMO http://jsfiddle.net/7fEQs/

SCRIPT

$(function() { 
    $("#sortable").sortable({ 
     revert: true 
    }); 
    $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
}); 

非常感謝你。

Answer 1

UPDATE DEMO http://jsfiddle.net/yeyene/7fEQs/7/

JQUERY

$(function() { 
    $("#sortable").sortable({ 
     revert: true, 
     receive: function(event, ui) { 
      $(this).find('div').removeClass('ui-state-highlight ui-draggable').css({'display':''});    

      var html = []; 
      $(this).find('div').each(function() { 
       html.push('<li class="ui-state-default">' + $(this).text() + '</li>'); 
      }); 
      $(this).find('div').replaceWith(html.join('')); 
     } 
    }); 
    $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 
    $("ul, li").disableSelection(); 
});