问题标签 [jquery-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 - jquery-ui 可放置区域的问题
我的代码中的可放置区域存在一些问题。一切都在正确发射并按预期工作;但是,我可以有效删除编号圆圈的区域未正确对齐。很难解释,所以这里是下面的 jsFiddle 链接。
http://jsfiddle.net/sprink91/Fse2L/48/
我希望放置的区域的 HTML 代码:
javascript - JQuery 多个 droppables 和一个函数来处理每个
作为 JavaScript/JQuery 的新手,我在弄清楚如何将多个 droppable 的 drop 函数注册到一个函数时遇到了一些问题,例如:
并在handleUIDropEvent方法中获取droppable的id,例如:
jquery - 当鼠标在可放置区域时,如何使 jquery 可放置应用 hoverClass?
当鼠标指针位于可放置区域的中心时应用悬停类。当鼠标指针越过边界时,我应该怎么做才能同时应用悬停类。在图像 1 上。鼠标已经在可放置区域,但悬停类仍未应用。2. 应用了悬停类,但鼠标指针已经在可放置区域的中心。
jquery - 维护可排序列表中的项目计数
我需要维护某些可排序列表中项目的确切数量,并且在执行此操作时遇到了麻烦。当我开始从列表 #1 中拖动时,计数会增加,并且从那时起有一个额外的项目在播放。当我将鼠标悬停在列表 #2 上时,它的计数会增加。
jquery-ui - 多个可放置的 div
我已经在类别列表中设置了一个联系人列表...
http://jsfiddle.net/dalkill/ny7qeep6/2/
用户可以联系并放入另一个类别...但是在第一次拖放后,联系 div 失去了显示助手的能力...
它仍然可以很好地拖放......但是在第二次尝试移动相同的联系人 div 时,它失去了它的帮助功能。仍然可以拖放,但对用户没有视觉指示。
我还必须添加 $( ui.draggable ).css('position', ''); 通过将联系人 div 附加到类别 div 中,使“附加”功能很好地工作。没有它,联系人 div 将停留在您上次使用鼠标离开的位置,并且不会在该类别中的最后一个联系人下方卡入到位???
jquery - jquery拖放克隆正确定位
更新
小提琴在这里:
注意:我是小提琴新手,不知何故我将我的代码集成到小提琴中,但拖放不起作用。
嗨,我已经在 jquery 可拖放功能的帮助下实现了拖放和克隆功能,如下所示:
注意:$("#document-reader")
是一个可滚动的 div。我想将元素从上到下拖动到此 div 中的任何位置。我可以滚动父 div 并在 div 中间拖动元素。它应该粘在我拖动它的地方。
这是正确地拖动一个元素,克隆它并放下它。
问题
被丢弃的元素并没有落在我丢弃它的完全相同的地方。而是每次我放下元素时它都会放在同一个地方。我也尝试记录位置,发现无论我在哪里放置元素,顶部和左侧都是相同的。
不知道我的代码有什么问题。
预期结果:
请访问这些屏幕截图:
1)这正在发生(错误的行为)
2)预期行为:
javascript - jquery droppable 不工作
伙计们。我花了几个小时来检查我的 jquery,为什么它不能正常工作。只是困惑为什么当方形 div 掉入盒子的 div 时,可放置功能不会触发警报。
这是我的html
这是我的风格
这是我的 javascript
任何帮助,将不胜感激。谢谢!
javascript - 在嵌套的 Div 中拖放
这是我的要求,
- 我有一个名为
dragItem
拖放的项目。 - 我有 2 个 Div,
Outer
并且inner
- 我需要按此顺序执行 - 将 dragItem 拖动到外部 Div 中(以便我执行一些功能。此时将启用下一个可放置的代码。)然后我再次拖动 dragItem 并放入内部 Div。
我遇到的问题是,当我第二次拖放到内部 Div 中时,首先调用外部可拖放代码,然后再进入内部可拖放代码,因为内部 div 在外部 Div 内部。
附上我试过的一个类似的。检查小提琴
那么如何纠正这种情况呢?我需要在放置 Item 的任何地方启用 droppable,即使它位于多层 Div 中。如何做到这一点?
- 提前致谢
jquery-ui-sortable - jQuery Sortable如何将所有孩子设置为放置目标
我发现了这个伟大的插件: https ://johnny.github.io/jquery-sortable/
我希望有可能将 daggable 元素放入每个孩子。我试图这样做添加一个空的<ol></ol>
,但它在运行时不起作用。在构建可排序树之前,我必须这样做。但我做的一切都是动态的。
并根据文档:
名称:drop
默认值:true
描述:如果为 true,则可以将项目拖放到此容器上
所以我知道它应该开箱即用?
请帮忙。
jquery - 动态表可删除 TD
我正在构建一个动态表。我希望表中的一列是可删除的。以下是我的代码。我的代码中的问题是整个 TR 变得可丢弃。请帮忙