问题标签 [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.

0 投票
0 回答
91 浏览

javascript - jquery-ui 可放置区域的问题

我的代码中的可放置区域存在一些问题。一切都在正确发射并按预期工作;但是,我可以有效删除编号圆圈的区域未正确对齐。很难解释,所以这里是下面的 jsFiddle 链接。

http://jsfiddle.net/sprink91/Fse2L/48/

我希望放置的区域的 HTML 代码:

0 投票
1 回答
26 浏览

javascript - JQuery 多个 droppables 和一个函数来处理每个

作为 JavaScript/JQuery 的新手,我在弄清楚如何将多个 droppable 的 drop 函数注册到一个函数时遇到了一些问题,例如:

并在handleUIDropEvent方法中获取droppable的id,例如:

0 投票
0 回答
122 浏览

jquery - 当鼠标在可放置区域时,如何使 jquery 可放置应用 hoverClass?

当鼠标指针位于可放置区域的中心时应用悬停类。当鼠标指针越过边界时,我应该怎么做才能同时应用悬停类。在图像 1 上。鼠标已经在可放置区域,但悬停类仍未应用。2. 应用了悬停类,但鼠标指针已经在可放置区域的中心。

在此处输入图像描述

0 投票
1 回答
551 浏览

jquery - 维护可排序列表中的项目计数

我需要维护某些可排序列表中项目的确切数量,并且在执行此操作时遇到了麻烦。当我开始从列表 #1 中拖动时,计数会增加,并且从那时起有一个额外的项目在播放。当我将鼠标悬停在列表 #2 上时,它的计数会增加。

例如,单击小提琴:

0 投票
1 回答
720 浏览

jquery-ui - 多个可放置的 div

我已经在类别列表中设置了一个联系人列表...

http://jsfiddle.net/dalkill/ny7qeep6/2/

用户可以联系并放入另一个类别...但是在第一次拖放后,联系 div 失去了显示助手的能力...

它仍然可以很好地拖放......但是在第二次尝试移动相同的联系人 div 时,它失去了它的帮助功能。仍然可以拖放,但对用户没有视觉指示。

我还必须添加 $( ui.draggable ).css('position', ''); 通过将联系人 div 附加到类别 div 中,使“附加”功能很好地工作。没有它,联系人 div 将停留在您上次使用鼠标离开的位置,并且不会在该类别中的最后一个联系人下方卡入到位???

0 投票
1 回答
1274 浏览

jquery - jquery拖放克隆正确定位

更新

小提琴在这里:

jsfiddle在这里

全屏结果

注意:我是小提琴新手,不知何故我将我的代码集成到小提琴中,但拖放不起作用。

嗨,我已经在 jquery 可拖放功能的帮助下实现了拖放和克隆功能,如下所示:

注意:$("#document-reader")是一个可滚动的 div。我想将元素从上到下拖动到此 div 中的任何位置。我可以滚动父 div 并在 div 中间拖动元素。它应该粘在我拖动它的地方。

这是正确地拖动一个元素,克隆它并放下它。

问题

被丢弃的元素并没有落在我丢弃它的完全相同的地方。而是每次我放下元素时它都会放在同一个地方。我也尝试记录位置,发现无论我在哪里放置元素,顶部左侧都是相同的。

不知道我的代码有什么问题。

预期结果:

请访问这些屏幕截图:

1)这正在发生(错误的行为) 当前行为

2)预期行为: 预期行为

0 投票
2 回答
2054 浏览

javascript - jquery droppable 不工作

伙计们。我花了几个小时来检查我的 jquery,为什么它不能正常工作。只是困惑为什么当方形 div 掉入盒子的 div 时,可放置功能不会触发警报。

这是我的html

这是我的风格

这是我的 javascript

任何帮助,将不胜感激。谢谢!

0 投票
1 回答
1689 浏览

javascript - 在嵌套的 Div 中拖放

这是我的要求,

  1. 我有一个名为dragItem拖放的项目。
  2. 我有 2 个 Div,Outer并且inner
  3. 我需要按此顺序执行 - 将 dragItem 拖动到外部 Div 中(以便我执行一些功能。此时将启用下一个可放置的代码。)然后我再次拖动 dragItem 并放入内部 Div。

我遇到的问题是,当我第二次拖放到内部 Div 中时,首先调用外部可拖放代码,然后再进入内部可拖放代码,因为内部 div 在外部 Div 内部。

附上我试过的一个类似的。检查小提琴

那么如何纠正这种情况呢?我需要在放置 Item 的任何地方启用 droppable,即使它位于多层 Div 中。如何做到这一点?

- 提前致谢

0 投票
2 回答
571 浏览

jquery-ui-sortable - jQuery Sortable如何将所有孩子设置为放置目标

我发现了这个伟大的插件: https ://johnny.github.io/jquery-sortable/

我希望有可能将 daggable 元素放入每个孩子。我试图这样做添加一个空的<ol></ol>,但它在运行时不起作用。在构建可排序树之前,我必须这样做。但我做的一切都是动态的。

并根据文档:

名称:drop
默认值:true
描述:如果为 true,则可以将项目拖放到此容器上

所以我知道它应该开箱即用?

请帮忙。

0 投票
1 回答
583 浏览

jquery - 动态表可删除 TD

我正在构建一个动态表。我希望表中的一列是可删除的。以下是我的代码。我的代码中的问题是整个 TR 变得可丢弃。请帮忙