jQuery拖放/可排序示例：移动期间的排序（=拖动过程）

下面的源代码是一个工作示例。我可以拖放和排序后记。但我不想只对后记进行排序，也不想在拖动过程中进行排序。我到底应该在这里添加什么

JSFIDDLE->（所有使用过的库都附在那里）

HTML部分

<div class="container">
    <div class="row">    
       <div class="sequence span3">
            <div id="droppable1" class="droppableBoxes">
                <ol class="choiceMantle cDroppChoiceMantle">
                    <li class="placeholder">Drag here into </li>
                </ol>
            </div>
        </div> 
        <hr />
        <p class="lead">Drag items below into the box above</p>
        <div class="choices span3">
            <div id="qID_2" class="choiceMantle unsortedChoiceBox1">
                <ol>    
                    <li id="item-16" class="draggable1">Cappuccino</li>
                    <li id="item-19" class="draggable1">Latte</li>
                    <li id="item-33" class="draggable1">Espresso</li>
                    <li id="item-33" class="draggable1">Melange</li>
                </ol>
            </div>
        </div>
    <div>
</div>

var i1 = 0;

$( "#droppable1 ol" ).droppable({
        scope: "d1",
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        accept: '.unsortedChoiceBox1 li',
        drop: function( event, ui ) {
            i1++;
            ui.draggable.draggable('option','revert',false); 
            $( this ).find( ".placeholder" ).remove();
            ui.draggable.clone().appendTo(this);
            ui.draggable.remove();
        }
}).sortable({
        items: "li:not(.placeholder)",
        sort: function() {
            $( this ).removeClass( "ui-state-default" );
        }
});


$('.unsortedChoiceBox1 li').draggable({
        appendTo: "body",
        helper: "clone",
        revert: true,
        scope: "d1",
        cursor: 'move',
});

JSFIDDLE->（所有使用过的库都附在那里）

p、 JsFiddle不能真正处理引导，它应该看起来有些不同，但本例中的外观并不重要…

该选项是可拖动的

---

但这不起作用，因为您同时使用了droppable和sortable。我不了解其目的，但如果您将其初始化为可排序，并在可拖动中使用connectToSortable选项，您将不需要可拖放的

您需要列出可排序的项目，但只有一个可以接受另一个的项目-我的理解正确吗。。？