2012-01-16 76 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。