2012-01-16 44 views
0

我有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> 

使用jQuery拖放從這些列表中的項目不同的列表車這樣

$(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); 
      } 
     }); 

有沒有什麼辦法可以找出哪些列出了被丟棄的項目屬於。

我很感激任何幫助。

+0

我編輯假設你發佈在你的問題的HTML是你的代碼的一部分。另外,我認爲你的JS有錯誤。 – gideon 2012-01-16 11:01:00

回答

1

嘗試在drop處理程序使用此:

ui.draggable.closest('ul').attr('id') 

應該給你降到項目屬於列表的ID。

0

您應該檢查$(this).parent()。id屬性。如果你想要父列表的ID。

相關問題