问题标签 [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.
javascript - 让对象留在脚本中
当我查看人们添加到 Scriptaculous 的内容时,我发现了一些有趣的代码,并且我正在尝试修改它以达到我的目的。我得到了几乎所有的工作,除了当我粘贴放置处理程序代码时,我的页面停止加载。
这是相关的snipits:
对于可拖动对象:
对于 Droppables:
丢弃处理程序:
我用“alert()”替换了代码,它开始工作正常,所以最后一个块中的某些东西不能正常工作。我不得不修改他们的很多代码以使其适用于当前版本的 scriptaculous,但我并不那么熟悉,所以它可能与旧代码有关?或者它可能有一些问题,我不够好看到。
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。
jquery - jQuery 拖放问题:mousemove 事件未绑定某些元素
使用 Google 托管的最新 jQuery/UI。我有以下标记:
以及以下 javascript:
});
如果我将第一个li
向下拖动到第二个上,则 mousemove 函数会触发(并且 firebug 会记录输出)。但是,如果我将第二个li
向上拖动到第一个上方,则 mousemove 函数不会触发。你可以在现场看到这个http://jsbin.com/ivala。是否有一个原因?我应该以其他方式捕获 mousemove 事件吗?
编辑:似乎认为 mousemove() 事件没有绑定到比当前被拖动的元素更早的元素(应该在鼠标悬停时绑定)。
javascript - 在脚本 [UPD] 中操作 jQuery 可拖动/可拖放对象
我想通过脚本将项目附加到可排序列表。用户可以直接拖动项目到列表,并且可以选中一些复选框并按下“发送到列表”按钮。第一种方法有效,第二种方法无效。
问题是如果我将 $(ui.draggable) 传递给函数,它就可以工作。但是,如果我通过 jQuery 链 () 指向可拖动元素$(this).parent().parent().find('div.drag')
并传递它,它将不起作用。似乎这两个对象不相等(我尝试克隆第二个对象并将其减少为一个eq
,但没有任何效果)。
jquery - jquery 可放置区域
如何找出拖拽后的 div 被丢弃的位置?
jquery - 如何在 jQuery 中将“A 减 B”区域定义为可放置?
我有两个 div,一个在另一个中。假设 div B 完全包含在 div A 中。
我使“A减B”区域可放置。换句话说,我希望能够将物品放置在 B 未覆盖的 A 区域。
我怎样才能做到这一点?
jquery - 如何在 JQuery 中的可拖动元素的上下文中注入对象?
我使用可拖动/可放置的 JQuery 功能如下
我想知道是否可以在可拖动对象的上下文中注入对象。就像是
所以在目标容器中我可以使用类似的东西(注意第二个警报声明)
我该怎么做 ?
问候,
javascript - jquery 可丢弃接受
谁能告诉我如何在接受条件下编写函数,然后它如何找出可以接受和不接受的内容。例如,我想接受div a
并div b
处于接受状态。如何通过函数编写 I?
jquery - Jquery Drag-Drop(将元素放入)
我正在尝试检测对象被放入哪个单元格。
在放置时,我如何确定 div 放置在哪一天?
jquery - jQuery UI:可放置的背景?
我正在尝试创建一个垃圾桶,在您将一些物品放在那里之后,您可以简单地打开它并将任何已丢弃的物品拖放到垃圾桶外。
我设置的方式是,我的 Web 应用程序有一个垃圾桶图标,我在其中放置项目,然后单击垃圾桶会打开一个带有已删除项目的框,并淡入黑色透明背景,从而掩盖其他所有内容,因此您只需专注于垃圾桶盒子。
代码本质上是
背景 CSS 设置为固定位置和 100% 宽度和高度,并设置为可放置。问题是,当我从垃圾桶中拖出一些东西并将其放在背景上时,即使我将它放在垃圾桶顶部,它也会被删除。基本上,即使我定义了一个高于背景的 z-index,jQuery 也不知怎么理解垃圾箱容器 div 位于背景 div 的顶部(因此不是可放置的一部分)。
有什么办法可以使这项工作?