javascript - ドラッグするだけで呼び出されるドロップ可能なコード

Question

ドロップ可能な領域にアイテムをドラッグすると、以下のアラートが発生する理由がわかりません。

$(".all").droppable({ 
    drop: function(event, ui) { 
       alert('should just fire when a item is dropped');
    }
}); 



$("li").draggable({
            connectToSortable : ".mySortable",
            helper : "clone",
            revert : "invalid",
            scroll: true,
            cursor: 'move'//,   
}
        });

呼び出されるコールスタックの一番上にある行は次のとおりです。

jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :

これはjquery-1.7.2.jsに含まれています

そのコード行は次の範囲内にあります。

if ( !eventHandle ) {
            elemData.handle = eventHandle = function( e ) {
                // Discard the second event of a jQuery.event.trigger() and
                // when an event is called after a page has unloaded
                return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?


jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :

                    undefined;
            };

このコードをフィドル（jsfiddle.net/Xz3u2）に貼り付けると、エラーが再作成されます。

$(".all2").sortable({
            revert : true
        });
$(".all").droppable({ 
    drop: function(event, ui) { 
       alert('should just fire when a item is dropped');
    }
}); 

$(".all2").draggable({
            connectToSortable : ".all2",
});​

Answer 1

次のようにしてみてください：http：//jsfiddle.net/Xz3u2/2/

$(".all2").sortable({
            revert : true
        }).draggable();
$(".all").droppable({
    accept: '.all2',
    drop: function(event, ui) {
       alert('should just fire when a item is dropped');
    }
});