2012-02-21 1 views
0

나는 sortable 및 droppable witj jquery-ui로 인한 문제에 대해 도움을 요청하고 싶습니다.jquery는 sortable에서 divs를받지 못합니다.

나는 항목을 여러 범주별로 그룹화하여 (읽기 쉽도록) div (소스)를 갖고 싶습니다. 카테고리는 모두 정렬 가능합니다. 여기에서 아이템을 dropable div로 이동할 수 있기를 원합니다. http://jsfiddle.net/eUzeu/2/에서 볼 수있는 것처럼 항목을 삭제하면 아무 일도 일어나지 않는 것 같습니다.

재미있는 점은 내가 (경고) $ (삭제) .attr ('id') 드롭 기능에 실제로 해당 div 보여줍니다. 그러나 일부 기묘한 이유는 트리거하는 것처럼 보이지만 div는 droppable에 연결되지 않습니다.

아이디어가 있으십니까?

나는 connectWith가 sortable을 droppables로 연결할 수 있지만 읽지 않은 것처럼 보이기 때문에 작동하지 않는 것으로 보인다는 것을 읽었습니다.

아이디어가 있으십니까?

+0

'connectWith'는 약간의 공동체 주의자이며 sortables 사이에서만 작동합니다. 당신의 droppable을 sortable로 대체하는 것이 문제가 될까요? [당신이 원하는 것을 얻을 수 있습니다] (http://jsfiddle.net/eUzeu/3/). –

+0

나는 너를 싫어! 나는 이것을 몇 시간 동안 다뤄 왔고 몇 초 안에 그것을 고쳤습니다 !!! 덕분에 많은 사람, 당신은 내 하루를 구 했어요 :) 그냥 추가하고 싶습니다 : 당신은 정확히 droppable가 작동하지 않는 이유를 알고 있습니까? 더블 이벤트가 발생 했나요? –

+0

글쎄, 정렬 가능한 위젯의 내부 동작에 대한 지식이 제한되어 있지만, 연결된 정렬 가능으로 끌어 놓지 않은 경우 드래그 한 요소를 DOM의 원래 위치로 되돌려 놓는 것이 가장 좋습니다. droppable 위젯이'drop' 이벤트를 처리하고 드래그 된 엘리먼트를 다시 부모로 만들었더라도, 정렬 가능한 위젯이 이후에 그것을 취소하는 것을 막을 수는 없습니다. 그러나 확실히 할 수있는 방법이 있습니다 :'clone()'은 드래그 된 요소를'drop' 핸들러에 넣고 붙어 있는지 확인합니다 :) –

답변

0

내가 원했던 것은 아니지만 프레드릭의 해결책은 결국 내가 사용하고 작동하는 것입니다. 나는 두 가지 sortables를 사용하는 것이 왜 내가 원하는 것을 sortable하고 droppable하는 것보다 잘 행동하는지 상상할 수 없다.

관련 문제