问题标签 [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.
jquery - jQuery可放置项目重叠
我有 1 个可拖动的 div 和 2 个可放置的 div。这 2 个可放置的 div 也是可拖动的,因此这 2 个 div 可能会重叠。在那种情况下,当我将可拖动的 div 拖放到重叠的 div 时,是否有办法确保它被放在顶部?
javascript - JQuery可拖动:使用助手时滚动不起作用:使用克隆
我有一种文件夹列表类型的情况,我可以使用 jquery draggable/droppable 将项目从一个文件夹拖动到另一个文件夹。文件夹项目是可拖动的,文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的 div 中。
我在可拖动项目上设置了“滚动:真”,以便它们可以使 div 滚动。当我还在可拖动项目上使用“助手:“克隆””时,滚动不再起作用。
我究竟做错了什么?
这是一些非常简化的代码:
jquery - jQuery Sortable+Droppable vs Draggable 特殊功能
我正在尝试创建一个功能,允许将可拖动的项目列表(左列)拖到可排序列表(右列)上。仅执行 connectToSortable 的不同之处在于,我需要可排序列表像可放置列表一样操作,因为只有在拖动新项目时才会在右列中保留项目的顺序,但在重新安排项目之间的顺序时不会保留已经在右栏中。
下面的链接显示了该功能的第一部分。我可以将项目拖到我想要的部分。一旦放置在右栏中,我还希望能够重新排列这些项目。另外,我想在拖动时添加一个类,并更改一个类
元素一旦掉落。我已经对所有这些进行了无休止的实验。到目前为止,我大约有 15 个小时的深度,而且我到处都是砖墙。我什至不知道如何解决这些问题。
我想从这里复制:
进入:
这是JS
);
任何帮助表示赞赏!谢谢!
jquery - jQuery 可拖动 droppable 与 firefox 和 ie 的兼容性问题
好吧,忍受我,这是那些长的之一。
我有一个存储 ID 和字段的值表。
这正确绑定并且数据正确地位于表中。请注意,只有字段绑定列是“可拖动的”。另请注意,拖动工作正常。
现在我有一个文本框,我希望能够将值从表中拖放到。又好又简单——
现在有趣的部分:)
这很好用。
现在的诀窍。记住 id 和字段。我想拖动该字段,但我希望将 ID 添加到文本框中。得到这个工作正常。在 IE 中测试。但是今天我在 Firefox 中打开它,想象一下当“未定义”开始出现在我的文本框中时我的完全恐惧。
只是为了速度(也就是让它现在工作),我改变了我的 droppable,它现在看起来如下:
笔记。'tbox.value = ...' 位是因为我想构建一个由拖到文本框的所有 id 组成的字符串。我需要获得兄弟,因为为了用户体验,我希望他们拖动用户友好的字段名称而不是 id(因为 id 对用户没有意义 - 它可见的唯一原因是用户可以映射将文本框中的 id 拖到一个单词后)。只是为了进一步的背景,然后将 id 字符串保存到一个 xml 文件并用于配置和其他一些神奇的东西:)
所以现在的问题
- 这是一个已知的错误还是我做错了什么?
- 如果这是一个问题,这是最好的方法还是有更好的方法来解决它?
再次请注意 - 这里的所有代码都有效。这是我目前拥有的最佳方法 - 这无疑是一种解决方法。
jquery - jQuery Droppable:放在 div 之外?
当您将项目拖到可放置 DIV 之外时,有什么方法可以让 jQuery 执行功能?
假设我们在一个 div 中有可拖动或可排序的项目,如果它们被放到其父 div 之外,您希望将它们删除。
我知道有“out”事件,但是只要您将项目拖到 div 之外,而不是在您放下它时(释放鼠标按钮),它就会起作用。
jquery - jQuery拖放
嗨,我是 jQuery 新手,正在尝试进行概念验证。我在这里发布了示例代码,我的要求如下。
我有 2 只 droppables 狗/羊,我想把它们放在衬衫上。
我将羊/狗放在衬衫上,但一旦放下它就会进入 div 的左下位置。
我试着做$('[id$="apparel"]').append(dropElem);
而不是$(this).append(dropElem);
有人可以帮我吗?
这是我的 javascript
和 HTML
jquery - jQuery选项卡顺序杀死拖放/排序列表
我陷入了 jQuery 的问题。我尝试从元素中创建一个列表,可以在许多列表中拖放。但这整件事都在一个标签内。这是它应该工作的样子:
http://redbird.lv/problem/jquery_doeswork.html
如果我尝试更改选项卡的顺序,有趣的事情就开始了。如果选项卡不是第一个打开的,那么它不会工作,直到列表中有一个元素可以放入并移动它(醒着?)。这是我的问题示例:
由于我不能发布超过 1 个链接,因此此无效链接在工作示例中非常明显。
任何建议如何解决这个问题?我认为,排序必须是 .('refresh'); 在选项卡上打开,但
没有做这项工作。所以我没有猜测。将不胜感激任何帮助!谢谢!埃德加斯
jquery - jQuery拖放并再次拖动
我正在开发一个拖放页面,您可以在其中将元素从列表中拖放到各种可放置的容器中。这完美地工作。我现在想要实现的是能够将它们从一个容器拖到另一个容器(或在容器内重新排序)。但我似乎无法做到这一点。
该列表看起来像一系列带有标题的彩色框(每个都有一个类名“.item”)。当您从列表中拖动时,它会克隆它,以便列表保持不变(即不会删除块)。
有两个容器(在本例中),类名分别为“dragrow1”和“dragrow2”。根据您将框拖入的行,该块将改变外观。这可以正常工作。问题是让这些盒子再次拖动,无论是在它自己的容器内还是在另一个容器内,并且没有克隆自身(它需要移动)。顺便说一句,由于样式原因,类名在删除后从“.item”更改为“.box”。很好的是,当您将一个彩色框拖入容器时,由于应用了 css 样式,每个框彼此相邻浮动,因此它们从左上角并排放置。
到目前为止,我的 jquery 代码如下所示:
容器代码的示例如下所示:
任何人都可以给我任何指示吗?
谢谢,
阿里。
jquery-ui - jquery droppable 接受不是父母的地方
我试图弄清楚如何编写一个语句,如果拖动的元素是父元素,它将停止 jQuery droppable 函数。
基本上我拥有的是一个表格,每个单元格的 id 为 x-axis:eq+'-'+y-axis:eq。(x 过 x 下)。当用户将元素拖到不同的单元格时,我会更新信息,因此如果您从单元格 3-3 拖动到 3-4,我会更新数据。
但是,如果用户从 3-3 开始拖动,然后在 3-3 单元格内停止拖动,我想阻止可放置功能触发。
我一直在考虑使用“接受”功能,但不知道怎么说!jQuery('td#3-3')
这就是我所拥有的
javascript - JQuery中的多次拖放:拖动后的事件
我实际上正在尝试制作一个 .php 页面,其中我将有 3 个可拖动元素,这些元素必须被拖动到 3 个可放置元素 - 每个可拖动到可放置元素,并且它们是唯一的,因此每个可放置元素只会接受某个可拖动元素.
问题是我需要控制所有元素都被拖到正确的位置,在这种情况下,我应该将用户重定向到success.php,否则,如果某些元素被拖到错误的droppable,用户必须转到例如 failure.php。
无论如何,例如在 PHP 中的 $_SESSION 中保存某个值,以便知道所有可拖动对象都已放置在正确的位置?
这是拖放的代码:
我正在尝试这样做,例如获取可放置元素的活动类以查看它是否与“ui-state-highlight”匹配,但实际上,每次重新加载页面时都会执行该标签,所以如果我尝试插入任何代码放入
drop: function() 它将始终执行。
提前非常感谢!