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');
}
});