2012-10-18 2 views
4

여러 개의 상자를 여러 수준으로 연결하고 JQuery Sortable을 사용하여 수준간에 정렬하려고합니다. 문제는 다른 레벨에 항목을 놓으려고 할 때 현재 솔루션에 이상한 동작이 있다는 것입니다.JQuery Sortable 이상한 동작 connectWith div

누구나 사용자와 상자 간의 상호 작용을보다 사용자 친화적으로 만드는 좋은 해결책을 알고 있습니까?

다음은 문제의 예입니다. jsfiddle example 노란색 상자에 항목을 놓아서 정렬하십시오.

감사합니다.

+0

"이상한 행동"은 깜박 거리는 효과이며 끌고있는 상자의 위치를 ​​선택할 수 없다는 것을 의미합니까? –

+0

예, 노란색 상자 안의 하드 끌기 항목과 거의 불가능한 내부 정렬. 이 예제는 Chorme에서만 작동합니다. – Flavio

답변

1

귀하의 문제에 대한 실제 답변이 없지만 이러한 행동에 대한 논리적 인 이유가있을 수 있습니다. 이 경우 레벨 1과 레벨 2 항목을 정렬하려면 모든 모양이 레벨 1을 의미하고 항목을 노란색으로 넣는 것은 레벨 2입니다. 상자를 노란색 상자에 넣으려고하면 두 축의 한계가 너무 작아서 해당 레벨을 구분할 수 없습니다 차. x와 y 축을 참조로 사용하기 때문에 외부 요소의 x 축과 y 축의 중간에 커서가있을 때 혼란 스럽습니다. 옵션 축 "y"를 사용해 보시길 권합니다.