2012-01-16 3 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> 

본인은 삭제됩니다 항목이 속한 목록을 알아낼 수있는 방법은 없나요 드래그 앤이

$(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를 사용합니다.

감사합니다.

+0

귀하의 질문에 게시 한 HTML이 귀하의 코드 일부라고 가정하고 편집했습니다. 또한 JS에 오류가 있다고 생각합니다. – gideon

답변

1

시도 :

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

그것은 당신에게 항목이 속한 떨어 목록의 ID를 제공해야합니다.

0

$ (this) .parent(). id 속성을 검사해야합니다. 상위 목록의 ID를 원할 경우. drop 핸들러에서 이것을 사용

관련 문제