2

我有一个带有工具按钮的浮动工具栏。工具栏本身可以使用标题为“基本工具”的标题进行拖动。在工具栏下方有一个填充整个页面的工作区。工具栏上的按钮也可以拖放到工作区。当我将按钮拖放到工作区时,它会变成一个矩形小部件,其中包含一些内容。

我的问题是,我希望仅在网格化工作区上方而不是工具栏上方时才删除图标。我添加了 console.log 来跟踪 Draggable/Droppable 事件,drop如果我将元素放在工具栏上,工作区似乎会发出事件事件。我想这是因为工作区位于工具栏下方。因此,当它被放到工具栏上时,它应该恢复到它在工具栏中的初始位置。

带有工具的工具栏

4

1 回答 1

0

您必须确定工具的放置位置:使用 jQuery 拖放后如何获取坐标位置? 您还必须确定工具箱的放置位置:http ://api.jquery.com/position/ 然后您必须确定工具箱的宽度和高度:http: //api.jquery.com/width/

之后计算工具箱的矩形并检查工具是否放置在那里。如果它被放置在那里,则拒绝丢弃,如果不允许丢弃。

于 2013-05-15T13:45:50.240 回答