2012-10-16 4 views
0

드래그 앤드 정렬을 구현하기 위해 JQueryUI를 사용하고 있습니다.jQuery UI 정렬 및 드래그 가능 드래그 가능한 항목을 정렬 가능한 마지막 자식으로 이동하지 못하게합니다

문제는 정렬 가능한 마지막 항목 뒤에 드래그 가능한 항목을 배치하면 정렬 가능한 항목을 드래그 할 수 없게 만드는 것입니다. 하여 드래그 항목 2는 다음에 위치하는 경우> 일반 시나리오는

  • 일어난 -하여 드래그 항목 2는 정렬의 마지막 자식 앞에 위치하는 경우

    <ul id="draggable"> 
        <li>Drag Item 1</li> 
        <li>Drag Item 2</li> 
        <li>Drag Item 3</li> 
        <li>Drag item 4</li> 
    </ul> 
    
    <ul id="sortable"> 
        <li>Item 1</li> 
        <li>Item 2</li> 
        <li>Item 3</li> 
        <li>Last item</li> //if I placed drag item after this, the sortable list reject the drag item 
    </ul> 
    
    1. 나는
    2. 를 정렬 할 수있는 끌어서 항목이 드래그 정렬 가능한 마지막 자식 -> 정렬 가능한 목록은 항목 끌기를 거부합니다.

    제안? Thx.

  • 답변

    2

    jsFiddle 마지막으로 나는 내 문제의 해결책을 발견합니다. 여기에서 볼 수 있습니다 : http://jsfiddle.net/yosafatade/KE2JM/3/

    +0

    "4"를 코드에 하드 코딩하면 안됩니다 ... 목록 크기가 변경되면 4는 더 이상 유효하지 않습니다. –

    +0

    나는 샘플을 위해 그것을 알고있다 : D – yosafatade

    0

    마우스가 마지막 항목 다음으로 이동하고 중지 이벤트가 발생하면 #sortable 높이에서 문제가 발생합니다.

    당신은 여기에서 예를 볼 수 있습니다

    +0

    이 시나리오를 만들고 싶습니다. sortable -> sortable 목록의 마지막 하위 항목 뒤에 놓인 끌기 항목 2가 항목 2 및 항목 2를 다시 끌어 해당 위치로 되돌릴 수없는 경우이 시나리오를 만들고 싶습니다. 그러나 당신의 예에서는 시나리오가 일어나지 않았습니다. – yosafatade

    관련 문제