问题标签 [droppable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
657 浏览

javascript - 让对象留在脚本中

当我查看人们添加到 Scriptaculous 的内容时,我发现了一些有趣的代码,并且我正在尝试修改它以达到我的目的。我得到了几乎所有的工作,除了当我粘贴放置处理程序代码时,我的页面停止加载。

这是相关的snipits:

对于可拖动对象:

对于 Droppables:

丢弃处理程序:

我用“alert()”替换了代码,它开始工作正常,所以最后一个块中的某些东西不能正常工作。我不得不修改他们的很多代码以使其适用于当前版本的 scriptaculous,但我并不那么熟悉,所以它可能与旧代码有关?或者它可能有一些问题,我不够好看到。

0 投票
3 回答
2978 浏览

jquery - 如何防止触发多个 jQuery UI droppables?

我有一个jQuery UI draggable和几个单独定义的droppables。因为其中一个 droppable 被配置tolerance: 'intersect',所以一个可拖动对象可能同时被拖放到多个 droppable 上。

防止意外 droppables 发射的最佳方法是什么?基本上,我想优先考虑droppables,以便在tolerance: 'intersect'触发另一个droppable 时不会触发droppables。

更新- 更多信息以澄清事情:

  • tolerance: 'pointer'除了一类 droppable和tolerance: 'intersect'.

  • 一类 droppable 具有的原因tolerance: 'intersect'是 droppable 非常狭窄,用户在使用tolerance: 'pointer'.

  • 将 droppables 移得更远不是一种选择。

  • 没有任何可放置对象重叠,但可拖动对象足够大,可以tolerance: 'intersect'在鼠标指针悬停在另一个可放置对象上时与 重叠tolerance: 'pointer'。以这种方式一次最多可以触发两个 droppable。

  • UI 的布局是这样的,tolerance: 'intersect'如果触发了另一个 droppable,则可以通过忽略 droppable 来确定用户的意图;即,如果用户将鼠标指针移到一个带有 的droppable 上tolerance: 'pointer',则可以安全地假设他/她打算将它放在那里。问题是,我不知道如何忽略不需要的 droppable。

0 投票
3 回答
4262 浏览

jquery - jQuery 拖放问题:mousemove 事件未绑定某些元素

使用 Google 托管的最新 jQuery/UI。我有以下标记:

以及以下 javascript:

});

如果我将第一个li向下拖动到第二个上,则 mousemove 函数会触发(并且 firebug 会记录输出)。但是,如果我将第二个li向上拖动到第一个上方,则 mousemove 函数不会触发。你可以在现场看到这个http://jsbin.com/ivala。是否有一个原因?我应该以其他方式捕获 mousemove 事件吗?

编辑:似乎认为 mousemove() 事件没有绑定到比当前被拖动的元素更早的元素(应该在鼠标悬停时绑定)。

0 投票
1 回答
133 浏览

javascript - 在脚本 [UPD] 中操作 jQuery 可拖动/可拖放对象

我想通过脚本将项目附加到可排序列表。用户可以直接拖动项目到列表,并且可以选中一些复选框并按下“发送到列表”按钮。第一种方法有效,第二种方法无效。

问题是如果我将 $(ui.draggable) 传递给函数,它就可以工作。但是,如果我通过 jQuery 链 () 指向可拖动元素$(this).parent().parent().find('div.drag')并传递它,它将不起作用。似乎这两个对象不相等(我尝试克隆第二个对象并将其减少为一个eq,但没有任何效果)。

0 投票
1 回答
873 浏览

jquery - jquery 可放置区域

如何找出拖拽后的 div 被丢弃的位置?

0 投票
1 回答
268 浏览

jquery - 如何在 jQuery 中将“A 减 B”区域定义为可放置?

我有两个 div,一个在另一个中。假设 div B 完全包含在 div A 中。

我使“A减B”区域可放置。换句话说,我希望能够将物品放置在 B 未覆盖的 A 区域。

我怎样才能做到这一点?

0 投票
1 回答
1206 浏览

jquery - 如何在 JQuery 中的可拖动元素的上下文中注入对象?

我使用可拖动/可放置的 JQuery 功能如下

我想知道是否可以在可拖动对象的上下文中注入对象。就像是

所以在目标容器中我可以使用类似的东西(注意第二个警报声明)

我该怎么做 ?

问候,

0 投票
8 回答
46206 浏览

javascript - jquery 可丢弃接受

谁能告诉我如何在接受条件下编写函数,然后它如何找出可以接受和不接受的内容。例如,我想接受div adiv b处于接受状态。如何通过函数编写 I?

0 投票
2 回答
2736 浏览

jquery - Jquery Drag-Drop(将元素放入)

我正在尝试检测对象被放入哪个单元格。

在放置时,我如何确定 div 放置在哪一天?

0 投票
1 回答
501 浏览

jquery - jQuery UI:可放置的背景?

我正在尝试创建一个垃圾桶,在您将一些物品放在那里之后,您可以简单地打开它并将任何已丢弃的物品拖放到垃圾桶外。

我设置的方式是,我的 Web 应用程序有一个垃圾桶图标,我在其中放置项目,然后单击垃圾桶会打开一个带有已删除项目的框,并淡入黑色透明背景,从而掩盖其他所有内容,因此您只需专注于垃圾桶盒子。

代码本质上是

背景 CSS 设置为固定位置和 100% 宽度和高度,并设置为可放置。问题是,当我从垃圾桶中拖出一些东西并将其放在背景上时,即使我将它放在垃圾桶顶部,它也会被删除。基本上,即使我定义了一个高于背景的 z-index,jQuery 也不知怎么理解垃圾箱容器 div 位于背景 div 的顶部(因此不是可放置的一部分)。

有什么办法可以使这项工作?