jQuery UI Sortable + Draggable + Droppable на тех же элементах

Question

Я собираюсь использовать jQuery UI Sortable + Draggable + Droppable с теми же элементами.Я хотел бы отсортировать все элементы .item и иметь возможность перетаскивать элемент .item в другой.Ниже мой код:

<script>
    $(function() {
        $("#wrapper").sortable({
            items: ".item",
            stop: function(event, ui) {
                // save new sort order
            }
        });

        $(".item").draggable({
            helper: ".clone",
            connectToSortable: "#wrapper"
        }).disableSelection().droppable({
            accept: ".slide",
            drop: function(event, ui) {
                // dropping .item into another .item
            }
        });
    });
</script>

<div id="wrapper">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
   <div class="item">4</div>
   <div class="item">5</div>
</div>

Когда я использую sortable + draggable + droppable, только один или другой работает не все из них вместе.Чего мне не хватает, чтобы добиться этого?

Спасибо!

Answer 1

Я не уверен, что полностью понимаю, что вы пытаетесь сказать. Если вы просто пытаетесь отсортировать элементы в списке с помощью перетаскивания, вам не нужны .draggable и .droppable.

http://jsfiddle.net/Earendil/saQwr/

Если вы пытаетесь вставить один элемент элемента в другой, дайте мне знать, и я посмотрю, смогу ли я заставить это работать и выложу обновленную скрипку для него.