Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 拖动时调用的可拖放代码_Javascript_Jquery - Fatal编程技术网

Javascript 拖动时调用的可拖放代码

Javascript 拖动时调用的可拖放代码,javascript,jquery,Javascript,Jquery,我不知道当我将物品拖过可拖放区域时,为什么会触发下面的警报 $(".all").droppable({ drop: function(event, ui) { alert('should just fire when a item is dropped'); } }); $("li").draggable({ connectToSortable : ".mySortable", helper : "clon

我不知道当我将物品拖过可拖放区域时,为什么会触发下面的警报

$(".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;
            };
如果将此代码粘贴到fiddle-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",
});​
试着这样做:


似乎工作正常:。否则,就没有足够的信息。只是一个指针-但你可能需要改写你的问题-因为很难弄清楚你在问什么。。。(如果你的英语不好,很抱歉…-但是如果你想在评论中提供更多的细节,我很乐意为你转述:)你能发布.draggable电话和一些标记吗?@Toni Michel Caubet请看edit我对connectToSortable有着诚实的经验,所以我不能告诉你区别,单独实现draggable不会改变结果。只有使用$(选择器)的性能更好,它显然很昂贵。查看更多信息:
$(".all2").sortable({
            revert : true
        }).draggable();
$(".all").droppable({
    accept: '.all2',
    drop: function(event, ui) {
       alert('should just fire when a item is dropped');
    }
});