为什么this.helper = null？ （可排序/可拖动/可放置）

Question

为防止在丢弃垃圾箱后进行排序，我正在使用

$("#image-ul").sortable('cancel');

但在firebug中出错。一切都按预期工作，但偏执，我做错了什么。在droppable下降到垃圾箱之后，我应该以什么方式停止可排序更新？

$(document).ready(function(){
    $(function(){
        // make the list of images sortable
        $("#image-ul").sortable({
            // allow dragging into the trash can
            connectWith: '#trash_can',
            item: 'li',
            // revert causes bugginess in IE, so left out even though cool
            //revert: 200,
            opacity: 0.6,
            cursor: 'move',
            // apply this css class to available places to drop within list
            placeholder: 'placeholder-border',
            // drop available once mouse has touched droppable area
            tolerance: 'pointer',
            update: function(){
                var order = $(this).sortable("serialize"); 
                $.post("/drag_drop/update", order, function(theResponse){
                    // show the confirmation and fade it away after 2.5 seconds
                    $('#content').css('display', 'block');
                    $('#content').html(theResponse).delay(2500).fadeOut('slow');
                });
            }
        });
        // allow for deleting images by sending them to the trash can
        $("#trash_can").droppable({
            accept: '#image-ul > li',
            // when the trash can is hovered on by a draggable, set the css class
            hoverClass: 'delete-border',
            drop: function(event, ui) {
                // setTimeout takes care of IE bug where deleted item remains
                setTimeout(function() { ui.draggable.remove(); }, 1);
                deleteImage(ui.draggable);
             }
        });
        // what to do when an image is dropped into the trash can
        function deleteImage($draggable){
            // strip out "image_data_" so that only the actual image ID is sent to delete query
            var id = $draggable.attr('id');
            id = id.replace('image_data_','');
            params = {
                    'id': id,
                    'path': $draggable.find("img").attr("src")
            }
            $.ajax({
                url: '/drag_drop/delete',
                type: 'POST',
                data: params,
                success: function( delete_response ){
                    $('#content').css('display', 'block');
                    $('#content').html( delete_response ).delay(2500).fadeOut('slow');
                }
            });
            $("#image-ul").sortable('cancel');
        }
    });
});

Answer 1

尝试改为：

$("#image-ul").sortable('disable');