Question

这是我对JQuery的第一次介绍。

此页面正在开发here。

问题：虽然右侧菜单的第一个元素执行拖放操作：

将其拖动到内容区域会成功运行。

作为副作用，页面上的所有图像/图标也会变得可拖动！

正确图标的工作方式正确;但其他图标可以拖动到页面的任何页面。

为什么会发生这种情况，我该如何避免呢？

$( init );

function init()
{
    $('#artOfBeing').draggable( {containment: '#dataFrame', cursor: 'pointer', snap: '#dataFrame'});
    $('#sadWorld').draggable( {containment: '#dataFrame', cursor: 'pointer', snap: '#dataFrame'});

    $('#dataFrame').droppable( {     drop: handleDropEvent   } );   
}

感谢您的嫌疑人，请原谅新手问题。

最好的问候。

function handleDropEvent( event, ui ) {   var draggable = ui.draggable;   alert( 'The square with ID "' + draggable.attr('id') + '" was dropped onto me!' ); }

刚尝试了Safari和谷歌浏览器，他们也遇到了这个问题。

编辑：How to disable Firefox's default drag and drop on all images behavior with jQuery?处理此问题。这是浏览器的默认行为！

Answer 1

错误可能是函数“handleDropEvent”，因为函数未定义。

修复错误并重试

JQuery Jquery-UI拖拽问题

1 个答案: