droppable 相关问题

通常是指可以通过拖动拖放到另一个元素上的HTML元素

dragleave 事件正在内部子级上触发

我正在尝试使用 HTML5 拖放,并使可放置容器在可拖动元素位于其上方时更改其样式。 问题是可放置容器是否包含内部元素 a

回答 4 投票 0

以编程方式将元素拖放到另一个元素上

使用 jQuery UI,是否可以使用 javascript 执行拖放操作? 例子。单击链接后,将#pony 拖放到#box 中。我尝试过触发拖动...

回答 3 投票 0

在 Popper Bug 中拖放

我有这个拖放菜单,当用户单击菜单图标时会加载。然后他们选择一个项目并将其移动到一个地方以对他们最喜欢的进行排序。如果我把它放在这个菜单上,它会加载并且工作得很好

回答 2 投票 0

react-beautiful-dnd:防止其余可拖动项目重新排序/向上移动并替换正在拖动的项目

在单个 Droppable 中,我映射了一个项目数组,每个项目都有自己的 Draggable。我的代码工作正常并且正在执行它应该做的事情(即,我可以单独移动每个 Draggable)....

回答 2 投票 0

如何使用 dnd-kit 独立于 React 中的可滚动可放置区域计算可拖动位置?

我使用 React 创建了一个触摸屏应用程序。我正在使用 dnd-kit 库来启用某些 div 的拖放功能。 我有一个日历,其中日期是列,行是...

回答 1 投票 0

jqueryui draggable droppable issue

我需要一些帮助来理解这有什么问题。 当将项目放入可放置区域(模板位置)时,它会移动到另一个地方,然后当再次尝试将它拖动到正确的位置时,它...

回答 2 投票 0

如何使用react-beautiful-dnd解决DND问题?

拖动时,会不断选择列表中的最后一个项目。另外,拖拽还是不能正常使用。我的项目:https:/mindless-produce.surge.sh 告诉我我做错了什么,怎么做?

回答 0 投票 0

jQuery drop元素并使其留在原处

我希望代码中的元素可放置,放置后我希望它保留在原处,我想阻止移动它的可能性。我应该怎么做? $(function(){$(“ #element”)....

回答 1 投票 0

如何知道可拖动的类别

我正在尝试获取已被拖动的班级名称。功能在下面给出。 .draggable,edit_draggable,这是类$(function(){$('。draggable')。draggable({revert:“ ...

回答 1 投票 0


防止在可放置容器内的jQueryUI可排序触发可放置事件

我有一个可放置容器,其中也包含可排序元素。这两个组件无关,但是可排序容器必须位于可放置容器中才能使设计正常工作。...

回答 1 投票 0

[当使用.droppable放入div中时,jQuery UI删除元素

我正在尝试找出执行此操作的逻辑。我有很多图像只有CSS类名,它们是动态创建的。这些图像可使用jQuery UI的.draggable拖动。我需要...

回答 3 投票 5

奇怪的可丢弃悬停效果与可拖动助手

我正在测试jQuery draggables和droppables,并且对可拖动的droppable和clones的悬停行为有疑问。文档说可拖动项目必须......

回答 1 投票 0

Jquery可拖动并可使用CSS'zoom'属性进行放置

在我的应用程序中,我有一个div可以改变CSS缩放。不幸的是,这与坐标空间混淆。当超过可缩放区域1页px!= 1px时更多:)当涉及到......

回答 1 投票 2

Jquery Draggable和Droppable Z-Index与相对容器或固定面板

我遇到了Jquery Draggable和Droppable的问题,其中拖动项位于固定位置侧面板后面。父可拖动的#gallery容器必须具有相对定位,因为我......

回答 3 投票 0

如何阻止我的jquery draggable clone远离我的鼠标指针?

我正在开展一个项目,我正在为我所工作的公司制定计划,通过在主表中放置表格来构建计划,以及每周的每一天(这些都是表格......)

回答 1 投票 0

拖动时拖放问题

我正在处理的布局附在此处,但我有两个问题:拖动可拖动项目的位置不正确。我想确保在删除之前的内容是......

回答 1 投票 0

删除后向可拖动和可放置项添加标签

我在一个div中有一个无序列表,当我将这些列表项中的任何一个拖放到另一个div元素中时,我希望实现这一点,我希望在这个列表的旧div中创建一个新的div ...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.