jQuery UI - 可拖动/可放置的数据传输未定义

Posted

技术标签:

【中文标题】jQuery UI - 可拖动/可放置的数据传输未定义【英文标题】:jQuery UI - draggable / droppable dataTransfer is undefined 【发布时间】:2011-11-30 05:06:41 【问题描述】:

这让我发疯了。

请原谅我,但我不会发布完整的代码,因为它(我相信)无关紧要。这背后的原因显然与我的代码有关。我收到以下错误:

可拖动/可放置数据传输未定义

所以我决定从以下位置复制源代码:

http://jqueryui.com/droppable/#photo-manager

我仍然遇到同样的错误。

我正在使用包含所有软件包的最新 jQuery UI。

有谁知道为什么会发生这种情况,但在 jQuery UI 示例中却没有?

问候。

【问题讨论】:

如果您可以提供一个链接到发生这种情况的位置,或者提供完整的源代码(jsfiddle.net 对此很有用),您将增加获得准确答案的可能性。 【参考方案1】:

要解决这个问题,你必须添加这一行:

e.dataTransfer = e.originalEvent.dataTransfer;

在错误行之前。 这应该可以解决它。

【讨论】:

你能告诉我为什么你可能需要 originalEvent 部分吗?如果你将事件从一个函数传递到另一个函数等等,js 不喜欢吗... 我在this thread中找到了答案:“jQuery不会将浏览器事件对象传递给您,它会传递jQuery事件对象。您可以通过.originalEvent属性访问原始未触及的事件对象jQuery 事件对象。”【参考方案2】:
$.event.props.push('dataTransfer');

【讨论】:

以上是关于jQuery UI - 可拖动/可放置的数据传输未定义的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-UI 可拖动和可放置项目变为不可拖动

JQuery UI - 可拖动元素被拖放到可放置区域的多个可放置区域按比例缩小

如何使用 jquery ui 可拖动突出显示悬停时的可放置​​区域

jQuery UI:使用容差触摸放置对象时的可拖动行为

使用 jQuery UI 使可拖动元素在可放置中可排序

jQuery ui 可拖动拖放到 iframe