Draggable 为 true - 不可拖动且 DOM 选择器未触发

Posted

技术标签:

【中文标题】Draggable 为 true - 不可拖动且 DOM 选择器未触发【英文标题】:Draggable is true - not draggable and DOM selectors are not firing 【发布时间】:2019-01-26 18:49:43 【问题描述】:

我正在尝试在我的项目中实现 DargAndDrop 概念,在“Apriso Dassault Systemes”中开发 - 但是一旦项目加载到浏览器上,就没有区别了这个和基于 ASP 和其他技术开发的那个之间。

this link 表明它是可行的(但我主要使用 this codedraggable),但是在我的项目中,我很难在以下方面实现它:

    当项目可拖动时,当您尝试拖动它时,只出现“不允许”标志,您看不到拖动元素; 我无法通过 DOM 绑定事件(onDragStart、OnDrop 等),我必须通过 javascript 传递,即使这不适用于 onDrop 事件; onDragOver 无法绑定,我必须在 preventDefault() 似乎不起作用的情况下使用 onDragStart,悬停时显示相同的“不允许”标志;

非常感谢您提前提供帮助。

【问题讨论】:

如果您不发布显示您尝试过的内容和遇到的问题的代码,没有人可以帮助您。 我确实发布了我的代码。点击我的问题中的链接。 第一个链接是 w3school 示例,第二个链接也不是您的代码。将您的代码放在 JSFiddle 或 codepen 上 但我正在使用这些代码行。我的代码中没有其他内容。关键是,如何使这些代码在您的项目中工作...... 我找到了这个,它有效。 ***.com/questions/21339924/… 【参考方案1】:

为了使用 Apriso,我建议您将与 DOM 或库相关的 javascript/JQuery 代码放在窗口加载事件中。

$(window).load(function() 
)

或者至少在内部

$(document).ready(function() 
)

如果您的代码仅与 DOM 相关。

【讨论】:

以上是关于Draggable 为 true - 不可拖动且 DOM 选择器未触发的主要内容,如果未能解决你的问题,请参考以下文章

为啥使用 draggable="true" 拖动时不显示 div 的内容?

拖动组件

如何使嵌套元素在可拖动容器中不可拖动?

理解javascript原生拖放

怎样控制元素节点的是否可拖动属性

html 实现托放排序