2012-10-23 5 views
1

정렬 가능한 jQuery UI를 사용하여 정렬 가능한 목록이 있습니다. 그러나 목록의 항목을 HTML 5 (즉 jQuery UI draggable이 아닌)를 사용하여 드래그 할 수도 있습니다. 문제는 sortable이 draggable을 오버라이드하는 것입니다.항목을 정렬 가능 (jquery UI) 및 드래그 가능 (HTML5)으로 만들려면 어떻게해야합니까?

<ul id="my-folder-list" class="ui-sortable"> 
    <li draggable="true" item-id="6KXoILDr5K" ondragstart="drag(event);"><div>Winter 2012</div></li> 
    <li draggable="true" item-id="WL2mL8emnH" ondragstart="drag(event);"><div>Summer 2012</div></li> 
</ul> 

을 그리고 기본적으로 나는 폴더가 그들 사이 정렬되고 싶어하지만, 그 중 하나가 그 뒤 삭제해야 다른 사업부 (A 휴지통)에 끌려 경우 : 그래서, 난이있다.

여기에 게시 할 코드가 확실하지 않아 필요한 경우 추가 할 수 있습니다.

도움 주셔서 감사합니다.

답변

1

원시 HTML5 끌어서 놓기 API를 사용하여 정렬 가능한 목록과 격자를 만드는 jQuery 플러그인 인 HTML5 Sortable을 살펴보십시오.

여기에서 찾으실 수 있습니다 : http://farhadi.ir/projects/html5sortable/

+0

Thank you! 나는 그것을 밖으로 검사 할 것이다! – Sharon

+0

고마워, 그걸 시도했지만 제대로 작동하지 못했다. - 내가 sortable을 사용하는 곳이 몇 군데 있는데, 제대로 작동하지 않는 것 같다. 나는 또한 너무 많은 장소에서 사용되는 정렬 식을 사용하여 모든 것을 분리하고 재구성하기를 꺼린다. 어쨌든 고마워요, 그리고 미래를 염두에 두겠습니다. – Sharon

관련 문제