jQuery draggable helper 不是可拖动的？

Question

我有一个 class 为“.item”的可拖动项目，一旦我将它拖到目的地，它就会停在那里，我无法移动它，这就是我的代码使用 :

        $('.item').draggable({
            helper : 'clone',
            onStartDrag:function(){
                $(this).draggable('options').cursor = 'not-allowed';
                $(this).draggable('clone').css('z-index',10);
            },
            onStopDrag:function(){
                $(this).draggable('options').cursor='move';
            }
        });

        $('.cart').droppable({
            drop: function(event, ui) {
                $.ui.ddmanager.current.cancelHelperRemoval = true;
            },
            onDragEnter:function(e,source){
                $(source).draggable('options').cursor='auto';
            },
            onDragLeave:function(e,source){
                $(source).draggable('options').cursor='not-allowed';
                $.ui.ddmanager.current.cancelHelperRemoval = false;
            },
            onDrop:function(e,source){
                var name = $(source).find('p:eq(0)').html();
                var price = $(source).find('p:eq(1)').html();
                addProduct(name, parseFloat(price.split('$')[1]));
            }
        });

Answer 1

Dropppable 方法中修改了 Drop 函数

 $(".item").draggable({
    helper:'clone',
    onStartDrag:function(){
            $(this).draggable('options').cursor = 'not-allowed';
            $(this).draggable('clone').css('z-index',10);
        },
        onStopDrag:function(){
            $(this).draggable('options').cursor='move';
        }
});  

$(".cart").droppable({
    accept: ".item",
    drop: function(event,ui){
        var new_signature = $(ui.helper).clone().removeClass('item');
        new_signature.draggable();
        $(this).append(new_signature);
    },
     onDragEnter:function(e,source){
            $(source).draggable('options').cursor='auto';
        },
        onDragLeave:function(e,source){
            $(source).draggable('options').cursor='not-allowed';
            $.ui.ddmanager.current.cancelHelperRemoval = false;
        },
        onDrop:function(e,source){
            var name = $(source).find('p:eq(0)').html();
            var price = $(source).find('p:eq(1)').html();
            addProduct(name, parseFloat(price.split('$')[1]));
        }
});