どのリストアイテムが落とされたのか把握する方法

私は3列あります。どのリストアイテムが落とされたのか把握する方法

<div id="catalog"> 
    <ul id="author"> 
     <li>Different Author names</li> 
     .... 
    </ul> 
    <ul id="genre"> 
     <li>Different Genres</li> 
    </ul> 
    <ul id="publish"> 
     <li>Different Publishers<li> 
    </ul> 
</div>

は私がドロップされるアイテムが属するリスト把握する任意の方法はありドラッグして、この

$(function() { 
     $("#catalog li").draggable({ 
      appendTo: "body", 
      helper: function(event) { 
        return $("<li class='bit-box'>" + $(this).text() + "</li>"); 
      }, 
     cursorAt: { cursor: "move", top: 5, left: 5 } 
     }); 
     $("#cart ul").droppable({ 
      accept: ":not(.ui-sortable-helper)", 
      drop: function(event, ui) { 
       $(this).find(".placeholder").remove(); 
     $(this).find("li:contains('" + ui.draggable.text() + "')").remove(); 
       $("<li class='bit-box'></li>").text(ui.draggable.text()).append("<a class='closebutton' href='#' onclick='$(this).parent().remove();'></a>").appendTo(this); 
      } 
     });

のような異なるリストカートにこれらのリストから項目を削除するにはjqueryのを使用します。

何か助けていただきありがとうございます。

出典

2012-01-16 Josh Randall

あなたの質問に投稿したHTMLがあなたのコードの一部であると仮定して編集しました。また、あなたのJSには誤りがあると思います。 – gideon