问题标签 [jquery-draggable]

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 回答
135 浏览

jquery - 多个 Draggables 找到 X 和 Y 位置

您好我正在创建一个原型,使用户能够创建多个 DIV。创建 DIV 后,它应该是可拖动的,一旦放下,它应该在 DIV 中显示 x 和 y 位置。

问题是,一旦我创建了几个 DIV,它们都可以拖放,但它们都显示第一个 DIV 的位置。

http://jsfiddle.net/aX92L/

jQuery

如果有人可以提供帮助,将不胜感激。

0 投票
1 回答
93 浏览

jquery - 如果父 div 不同,如何伪装可放置的购物车以及如何根据父元素删除元素?

我在小提琴中开发了拖放元素,但是有一个问题我不知道如何通过父元素来伪装它

我有常用的 jQuery 函数和两个 div 标签。两个 div 标签具有不同的名称,但都包含相同 id 和类的元素,现在我想对它们都使用这个通用的 Jquery 函数吗?我已经实现了通用功能,但对两者都不起作用。

这是我的小提琴 jsfiddle.net/Er2Ef/9/ 在我的小提琴中,您可以看到有两个 div newdiv 和 newdiv2 它们执行相同的元素,它们具有相同的类和 id 但我想要一些 amd 相同的购物车所以我的问题是,如果我选择 post 3 然后 post1 元素也闪烁,并且 post2 和 post4 的内容相同,所以我如何编写只允许父元素在特定位置放置和闪烁的代码?一些人请帮帮我这是我的问题图片问题图片

0 投票
1 回答
174 浏览

jquery-ui - 使用 inline-block 包装 DIV

我希望我的页面看起来像这样:

http://jsfiddle.net/yuA5Q/3/embedded/result

但是,我正在实现 jQuery ui 以利用可拖动(和可排序)功能。所以如果我不做.bubblescontainer display: inline-block,我会在拖动时得到一些可怕的影响。但是,有了它,我得到了这个:

http://jsfiddle.net/yuA5Q/4/embedded/result

那么,有没有办法在根据需要包装气泡的同时保留内联块?


更新了 jsfiddle.net 链接。我错过了决赛 }); 在代码中,所以它没有运行。

0 投票
1 回答
154 浏览

php - 将图像缩略图和相关文本传递给可放置的 JQuery UI

我有一个从数据库中获取产品的 php 循环。每个产品都包含一个图像和文本。

我使用 jQuery UI 使它们可拖动。我在产品列表下方有 2 个框,第一个框 (.dragMedia) 是我放置产品的位置,第二个框 (#sequenceContainer) 是产品应该出现的位置,并带有自己的缩略图和文本。

我不知道如何传递图像和文本以使其出现在第二个框中。我设法传递了文本,但是当我添加“图像”时它不起作用。

PHP 和 HTML:

JS:

任何帮助将不胜感激

麦克风

0 投票
2 回答
22637 浏览

jquery - 让 jQuery 可拖动以捕捉到特定网格

注意: 有些人问过类似的问题,但过于具体,没有得到可用的答案

jQuery UI 的可拖动小部件具有捕捉到网格的选项,但无法设置网格相对于什么。

例如,我们的放置目标中有一个明确定义的 20x20 网格。在放置目标内从 0,0 开始的拖动项目将与网格对齐。但从不同位置或放置目标外部开始的拖动项目不会与该网格对齐。

在此处输入图像描述

http://jsfiddle.net/FNhFX/5/

HTML:

JS:

没有办法使用 jQuery 可拖动来捕捉到特定的网格?

0 投票
0 回答
49 浏览

jquery - JQuery Dragable on button,帮助选项不起作用

我想将按钮从一个 div 拖到另一个。我正在使用辅助选项“克隆”,但我的原始按钮现在正在拖动。我想执行一项任务,当拖动停止时,我想删除克隆对象并在同一位置创建不同的元素...

这是我的可拖放代码。请告诉我我做错了什么!

0 投票
1 回答
847 浏览

jquery - 用于 CSS3 转换的 jQuery 可调整大小的可拖动闪烁

使用 CSS 属性,我为 div 的变换设置了 45 度。我将 div 绑定到可拖动和可调整大小。一切正常如果 div 有 0 度进行变换。

但是,如果 div 在调整 div 的大小时有任何度数意味着左移和上移。这只发生在 div 有任何程度的情况下。

请检查我评论框中的链接。请从 sw, nw, ne 方向调整大小

抱歉,此编辑器不接受链接。小提琴

html

js

css

0 投票
1 回答
1335 浏览

jquery - 如何使用jquery ui draggable仅在嵌套的ul标签内拖动子元素

当我使用 jquery 可拖动它拖动整个列表时。如何我只拖动 child1,child2,child2.1 元素。概括地说,我只想在 li 内部的 ul 中拖动 li 元素。

我尝试使用下面的函数但是在鼠标悬停时 li 的元素被隐藏了

0 投票
1 回答
6124 浏览

javascript - 将图像从一个 div 拖放到另一个 div

我想将一些图像从 div 拖到另一个 div...我有一个 div 容器,它还有 5 个 div,在这 5 个 div 中有一些 png。我需要的是将这些 png 从第一个 div 一个一个拖到一个 id="dropspot" 的 div,然后单击“下一步按钮”以更改为容器中的第二个 div 并清除 droppot div,依此类推,直到第 5 分区

我尝试了一些东西,但不是我需要的:(这些功能使所有图像都可拖动,我只需要容器内的图像即可拖动。

这是一个小提琴:http: //jsfiddle.net/ygaw2/7/

和一些代码:

0 投票
1 回答
393 浏览

javascript - 为图像拼图添加拖放事件类

嘿伙计们,我正在为一个项目使用 Django 模板系统和引导程序,在该项目中我需要 jquery 图像拖放。我对jquery或javascript一无所知。到目前为止,我已经实现了图像拖放,但现在我想在 drop 事件上添加一个类。

在我的要求中,我将图像切成五块。每件都存放在一个容器中。用户可以拖动一块将其放在另一个容器中以完成图像。但是当我将它放在另一个容器中时,所有图像都垂直对齐,而不是连接到前一块。

所以我决定在 drop 事件上添加一个类,它可以将 style="position:absolute; 属性添加到图像。

我希望你明白我的问题。我知道这是一个小问题,但请帮助我们编写代码

在这里,我已将其添加到 jsfiddle http://jsfiddle.net/binit/JnYB9/以便您可以玩耍帮助我

代码