问题标签 [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 投票
1 回答
10318 浏览

javascript - JQuery UI:在 Droppable Drop 时取消排序

我正在使用 JQuery 1.5.1 和 JQuery UI 1.8.11。

我为许多项目添加了可排序的 - 这里的任务是允许拖动排序,这一切都很好。

但我也想合并 droppable,以便可以将项目拖放到“复制我”区域 - 那里的任务将是复制项目(我稍后会解决这个问题)

问题是可放置目标位于可排序列表的底部(我不想移动它),一旦发生放置,可排序项目就会移动到列表底部。

我想要做的是在 drop 事件触发时取消这种排序。

您可以在此处查看我的问题(只需将“项目 1”拖到“拖放到复制项目”区域,您将看到排序不会被取消)

如您所见,我在可放置的“drop”事件中尝试了以下操作(从 JQuery UI Docs 建议),但它似乎不起作用......

对于如何实现我正在寻找的这种“拖放复制”效果,我也愿意接受任何其他建议。

谢谢

0 投票
1 回答
73 浏览

jquery - jquery可排序中的非移动droppables

我是编码新手,希望有人可以帮助我。

我有一个从数据库预先填充的列表。然后用户可以在这个列表中移动项目。我在此列表中使用可排序功能,因为我需要列表中项目的顺序。列表上也可以有可以填充其他项目的空白点。

我遇到的问题是,当我将一个项目移动到这个“空”插槽时,所有其他项目都会向上移动。这是一个例子

原始清单:

1 - 项目 1(这是一个里)
2 - 项目 2(这是一个里)
3 - (这是一个 div)
4 - 项目 3(这是一个里)

如果我将项目 1 移动到位置 3,我可以替换 div 但项目 2 移动到位置 1。并且项目 1 移动到位置 2(而不是保持在位置 3)。

有没有办法让这个工作?如果需要,我可以提供我的代码。

Rgds,莫希特

0 投票
1 回答
2360 浏览

jquery - jQuery-ui。一起使用“可拖动”、“可排序”和“标签”时遇到问题

我从这里的拖放示例开始。

它很好用,但是当我尝试将放置区域放置在选项卡(此处)中时,它似乎中断了。当我尝试将项目放在“可排序 2”选项卡上时,它停止工作。

希望这是有道理的。

HTML 如下所示:

和 JavaScript:

0 投票
1 回答
2871 浏览

jquery - 有没有办法使用 gridDnD 插件将一行从 JQGrid 拖到可放置的文本字段?

我想将 JQGrid 中的一行拖到文本输入字段中,并将删除行中的列文本添加到输入文本的末尾。

显然,这离答案还有很长的路要走,但是从网格中拖动一行并设置了这个( “可放置#inputTextField”文本字段在哪里)会导致 JavaScript 错误this.p is undefined

这是因为目的地显然不是 JQGrid 并且没有this.p定义。我尝试了一些不同的事情......也许有一种方法可以“欺骗”drop 事件正常工作?非常感谢您的帮助:)

0 投票
1 回答
239 浏览

jquery - jQuery droppable DOM event order

I have two listeners. One is the droppable class from jquery UI

I also have a higher up listener that clears things universally.

However, when I complete the "drop" action and they both trigger, yet the second one triggers first, so i see this in my console.

It was my understanding that droppable should trigger first since its attached to myDiv. How can I get that to happen before document listener?

Any ideas?

0 投票
1 回答
436 浏览

jquery - JQuery 复杂的拖放 - 如何在不同的表中添加相似的标题列值

我有一个要求,我必须将一行从一个表删除到另一个表的行。在删除期间,一些源列应该被添加到目标中。例子:

源表有column Id, Number of Bundles,Number of tagsTarget has Id, Number of Bundles,Number of tags

在上面的示例中,将源行放在目标行上时,如何分别添加Number of Bundles列值和Number of Tags列值?

如果一行中只有一列,我已经达到了拖放和添加值的能力。感谢任何帮助。我对 JQuery 很陌生。

下面的脚本代码(我不知道如何在这里添加html代码):

0 投票
1 回答
142 浏览

jquery - 一旦元素放入放置容器中,如何重新拖动

我正在使用 jquery 拖放插件,我想在拖动时隐藏拖动元素的副本,一旦将拖动元素放在放置容器上,它应该可以重新拖动。

我的代码是:

请帮我。

0 投票
0 回答
269 浏览

jquery - 如何获得拖放的行ID?

我有两个表,我应该能够将行从任何一个拖放到另一个。在删除时,我必须获取删除行的列的值并对某些列值进行一些加法和减法。下面是我正在尝试的(如果我的代码看起来很糟糕,因为我还在学习 jQuery,请原谅我)。感谢您对此的任何帮助。

谢谢。

0 投票
1 回答
2539 浏览

jquery - Drop() 使用 Sortable/Droppable 调用两次

我这里有这段代码。我有两个问题:

  1. 在接收函数中,我们如何获取刚刚放入可排序的元素?不是用于删除新的那个,而是实际被删除到列表中的那个?
  2. 既然找不到,我决定使用 drop() 函数,但是现在,为什么该函数被调用了两次?!我不想要那个!

    /li>
0 投票
1 回答
1767 浏览

jquery-ui - jquery-ui droppable:防止父母接受孩子

我正在制作一个文档列表,我需要阻止一个可拖动元素被其父级接受。该选项设置如下:

但我希望 droppable 不接受它的直系孩子。问题是因为它是一个嵌套列表,父母和孩子有相同的班级,所以我需要做类似的事情

但这当然行不通。