问题标签 [jquery-ui-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 回答
550 浏览

jquery-ui - jQuery UI droppable 浮动返回

我正在构建一个使用 jQuery UI 可拖放/可拖放的应用程序。

我需要将左侧的框拖到右侧的目标框中。它工作正常,但是如果值框 id 没有落在任何目标框上,它需要浮动回到左侧部分。

如果我稍微拖动它然后释放它,它有点工作,但是当它更远时它就坐在那里。我已经添加

但这似乎没有帮助。我错过了什么?

这是演示

0 投票
1 回答
126 浏览

jquery-ui - 如何制作具有不同功能的可拖动 div?

我有四个可拖动的 div。还有一个 div,我在其中放置 daggable div。我的代码基本上只是一个 API,我下载并修改了一些 jQuery 网站。

我的问题是所有 div 被删除时都具有相同的功能。如何为单个 div 制作单个功能?

它看起来像这样:

这段代码没有运气。有任何想法吗?

提前致谢!

问候,VG

0 投票
1 回答
1513 浏览

jquery - 拖放 - 如何简化可放置部分?

我已经创建了拖放工作。在这里,我可以将拖动内容放置到特定区域,但我已经为可拖动项目创建了每个可放置功能。我需要简化一下。

这是我的工作:http: //jsfiddle.net/thilakar/u7TnA/

请帮帮我。

谢谢

0 投票
1 回答
6250 浏览

jquery - jquery UI droppable 和 sortable 不起作用?

我四处寻找,找不到解决这个问题的方法。

我正在尝试集成 jqueryUI 可排序和可拖动,但我似乎无法让它工作。

我在这里有一个非常基本的演示。我试图将其简化为最简单的实现,因为我在 SO 上找到的所有其他示例都相当复杂。

http://jsfiddle.net/e4Z8N/7/

有谁知道为什么这个基本示例不起作用?

编辑:我发现是 CSS 类破坏了整个事情。如果你去掉 CSS 类,它就可以正常工作。没有CSS 类的工作版本http://jsfiddle.net/e4Z8N/17/有谁知道它为什么会这样?

0 投票
1 回答
888 浏览

jquery - 拖放 - 当列表动态出现时,可排序不起作用

我在这里完成了:http: //jsfiddle.net/thilakar/QNkEL/2/

我也可以拖动父元素和子元素。但我需要删除孩子和另一个孩子之间的内容(另一个父子元素。)

我的要求:

我需要在孩子之间拖放文本,并将内容拖放到另一个父孩子。

我的问题:

当列表动态出现时,可排序不起作用。

请帮我..

谢谢

0 投票
1 回答
2378 浏览

jquery - JQuery UI : Sortable - Which event should I use?

I've a problem while working with JQuery UI. What I'm trying to achieve is this:

  • I have a sortable list ( .form_container ), with objects. When their position are changed, ajax call updates the DB.
  • Outside of this list, I've got "text items" ( .create_item ). When those items are being dropped on the sortable list, I want to make an ajax call that will give me the content so I can transform my simple item into an object.
  • THEN, because a new object has been added, I want the ajax calls for position being fired. But not before my new object is properly loaded.

I hope I'm clear enough...

So first, I though about doing something like that

First Attempt :

Problem is, connectToSortable also triggers the drop event so this event is called twice thus causing trouble.

So I've followed someone's advice on SOF, and changed my code for something like that.

Second Attempt :

Problem is, the update event is triggered before the receive event is finished and my item hasn't been transformed properly into a nice object.

That's about everything, can someone help me?

0 投票
2 回答
1838 浏览

jquery - 如何获取放置元素的 div 的 id?

让我们通过这个链接让它变得有用:conta.md/rafturi/kae/tester.php

我有 2 个div(容器),一个div克隆可拖动的白色背景和一个div来自 mysql 的黑色可拖动(比方说)。

我希望当我将黑色 div 从当前父级移动div到下一个父级时,有一个变量 insitestop:function可以为我提供新 div 的 de id。请告诉我具体该怎么做。在这里面stop:function我有 2 个变量:一个给我当前的 id,div一个给我我移动的元素的 id(黑色div)。

0 投票
1 回答
1379 浏览

jquery - jquery-sortable - 如何交替获取父和子的值(Title1_orange,Title1_pink ...)?

当我对孩子进行排序时,我得到了父母和孩子的价值,但它会像(title1orangepinkyellowgreen,title1orangepinkyellowgreen,title1orangepinkyellowgreen,title1orangepinkyellowgreen),但我必须像这样打印它(Title1_orange,title_pink ...)

这里小提琴链接:http: //jsfiddle.net/thilakar/VKWeC/

谢谢

0 投票
1 回答
624 浏览

jquery - jQuery UI:放置对象时的可排序和可拖动行为

使用 jQuery 时可排序、可拖动和可放置。

  1. 在可排序中删除可排序项目。
  2. 将可拖动对象拖放到可放置对象中。

我们放置任何对象的容器,只有当该对象的中心位置位于容器的边界时才接受它。

对不起,上面的陈述太复杂了,请看下图。

我们如何改变接受点?

在此处输入图像描述

0 投票
2 回答
675 浏览

jquery - 排序树列表后检索父值和子值

我有树列表,但我需要在排序完成后获取父值和子值。

jQuery

小提琴链接:http: //jsfiddle.net/thilakar/mwypv/