Jquery用css拖放

Question

工作演示： http://jsfiddle.net/PWh2L/78/

$( ".droppable,.droppable1" ).sortable({
    connectWith: '.droppable,.droppable1',
    revert: 200,
    tolerance:'pointer',
    start: function(){

    },
    stop: function(event,ui){
    if ($(ui.item).hasClass('number1') && $(ui.item).parent()[0].id==="main_list" && $(ui.placeholder).parent()[0] != this) {

            $(this).sortable('cancel');

        }else if ($(ui.item).hasClass('number2') && $(ui.item).parent()[0].id=="main_list1" && $(ui.placeholder).parent()[0] != this){

            $(this).sortable('cancel');

        }
    },
    zIndex: 10
}).droppable({
    drop: function(ev, ui) {



     }
});

上面的链接是我的代码，我遇到了一个问题，就是当我将元素（testinggggg）从 B 拖到 C 时，然后我尝试将元素（testingggg）从 C 拖到 A ，然后它会自动返回 C ，但当元素（testinggg）返回 C 时，它会将其修复到顶部，我想要的是每个元素都返回 C < / strong>它会显示在名称：C 下方，这意味着名称：C 会将其修复到最顶层。

请指教。 ：（

Answer 1

只需在范围中添加c

<span class="curtem">C</span>

以下是工作代码：http://jsfiddle.net/PWh2L/84/