2012-11-20 2 views
3

드래그 가능하고 정렬 가능한 목록을 사용하여 항목을 드래그하여 정렬 할 수 있습니다. 그러나 내가 가지고있는 항목은 슬라이드 할 수 있습니다 (즉, 해당 항목을 클릭하면 숨김). 한 목록에서 다른 목록으로 항목을 끌면 슬라이딩 효과가 손실됩니다. 또한 자식 노드가 숨겨진 항목이 있고 항목을 다른 목록으로 드래그하면 하위 항목이없는 항목 만 드래그됩니다. 여기에 코드jquery 숨겨진 내용으로 드래그 가능

http://jsbin.com/ujivav/1/edit

답변

3

KHY는 정확하지만 당신은 또한과 같이, 대신 on를 사용하도록 click 이벤트를 변경할 수 있습니다 : 여기

$('body').on('click', '.clicktohide',function(){ 
    $(this).siblings().slideToggle('fast'); 
}); 

은 예입니다 http://jsbin.com/ujivav/4/edit 그것은 "클론"처럼 보이지 않는

+0

와우! 훌륭합니다. 그게 내가 찾고 있던거야. 고마워요 :) – mavili

+1

문제가 아닙니다 :) 그리고 오신 것을 환영합니다! – gotohales

2

내가이 (가) "클릭"이벤트와 결합하기 때문이다 초기 페이지가로드되면 발생하는 생각을합니다. 귀하의 예에서 드래그 된 후 ".clicktohide"클래스가있는 요소가 복제되고 중복 요소가 "click"이벤트가 바인딩 된 선택 영역에 있지 않은 것으로 가정합니다.

"중지"이벤트가 트리거 될 때 호출 할 콜백 함수를 구현하여 드래그 한 요소에이 이벤트를 바인딩해야 할 것입니다.

+0

저는 JS와 jQuery를 처음 사용합니다. "중지"이벤트에 대해 좀 더 구체적으로 알려주시겠습니까? 이 문맥에서 나는 그것을 어디에 사용할 것인가? – mavili

0

재 이벤트 처리기를 만들고 DOM 요소 만 만듭니다. 대신 "중지"이벤트에서 수동으로 복사 해보십시오. 그렇게하면 새 DOM 요소로 무엇을해야하는지 알 수 있습니다.

관련 문제