问题标签 [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.
javascript - Draggable UI helper clone 和 non-clone 有两种不同的行为，这是怎么回事？
据我了解，可拖动 UI 的辅助选项只是此处所述的显示效果。
但是当它与表格一起使用时，它似乎有问题（附加位置是错误的）。
示例：http: //jsfiddle.net/hmj83/
谁能解释这种行为或提供解决方法/修复？
谢谢。
javascript - 在这种情况下如何限制可拖动的 div
我有以下html结构：
HTML
CSS
JS
一个“内部”div，它有一个可拖动的子 div，带有background-image.
内部 div 有overflow:hidden. 我需要的是限制图像的拖动，以便整个图像可以滚动，但图像不应该完全拖出“内部”div（图像的某些部分必须始终保持可见）。
这就是为什么我添加了一个boundsdiv 。如何定义
boundsdiv 的尺寸和位置，以限制图像的移动。
这样我可以写
jquery - 在 ajaxcontroltokit 的模态弹出扩展器中使用 jquery
我在 ajaxcontroltoolkit 的模态弹出扩展器中使用 jQuery 的可拖动函数时遇到了困难。如果我在扩展的面板之外使用此代码，它可以正常工作，但是一旦它在面板内，我就不能再拖动该项目。我认为这与面板开始时不可见，然后在用户单击按钮时发生更改（也许该项目最初不在 DOM 中）这一事实有关。有谁知道如何让这两个东西一起玩得很好？贝娄是我的代码：
我的 jQuery 看起来像这样：
jquery-ui - Jquery UI 1.10.x 大车身高度上的对话框拖动问题
简而言之：当您的文档高度 > 窗口高度时，向下滚动并打开对话框 - 您不能在 Firefox 中拖动它。错误仅在 jQuery UI 1.10.x 中出现
如何重现：
jsfiddle：
http://jsfiddle.net/mefa/zrNNZ/15/
视频：http ://www.youtube.com/watch?v=_J8aepYHg4U
所以，假设 U 有一个 Jquery UI Dialog，并且标签<body>有垂直滚动（例如你有很多内容，例如大表）。假设您的窗口高度为800像素，文档高度为2000像素；所以你需要向下滚动，以获取所有内容。
然后向下滚动，在窗口高度上，例如到1000px，打开对话框。之后你不能正确地将它拖到任何其他位置，因为它像疯了一样跳跃。
我已经录制了一个演示，基于原始的 jquery ui 示例，所以没有人可以说我错过或损坏了某些东西。我改变的只有一件事是 body css attr "height"，并将其设置为 2000px 以模拟大文档。
我感谢任何建议/修复。
javascript - html javascript 将一张图片放在另一张图片上并发布到 facebook
在我的网络应用程序中，用户使用 javascript 从他的 pc 中打开一张照片（我使用预览脚本而不上传到我的服务器）。然后我有一个可拖动的图像，用户将其拖到他的照片上并将其放置在他想要的位置。我想要的是创建一个具有 3 层的最终图像，一个是用户图像，另一个是我拥有的可拖动图像，第三个是徽标。然后用户应该能够将该图像发布到 Facebook。
现在的问题。我不想将用户的图像和位置等上传到我的服务器并创建图像服务器端保存并发布。我希望在浏览器级别（我猜是javascript）创建最终图像，然后直接发布到facebook。
有人可以给一些指示吗？有没有图书馆可以提供帮助？
jquery - 可拖动交互在手机上不起作用
我目前正在使用 jquery mobile 开发一个项目，并且我制作了一个可拖动的 div。拖动交互非常有效，直到我在三星 S3 mini 上打开网站。
这是我的头：
这是拖动交互的脚本：
我要移动的 div 有 ID = DRAGGABLE：
internet-explorer-7 - jQuery + PHP - Croopzoom - IE 不可拖动
我正在为我的 CMS 使用图片编辑器
它在我尝试过的所有浏览器中都能完美运行，但 Internet Explorer 失败了。
失败 IE10，在版本 8 和 7 也一样。
发生的情况是选择区域不可拖动。红色边框可以拖动，但是区域号是什么。为什么会这样？
此外，拖放的移动也不是“干净的”……它要花一点钱。
任何想法？
谢谢大家！！
jquery-ui - JqueryUI 检测一组项目何时位于其可放置目标区域
我有 4 个拖放项目，它们都拖放到他们的目标上，但是应该触发一个“welldone”事件并且该部分不工作。我得到了一些帮助，但无法正常工作，我做错了什么？
javascript - 当这个选择器还不存在时，它在 Jquery 中是如何工作的？
我在网上找到了这个教程，以帮助我通过以下链接了解 Jquery 的拖放功能与这个卡片映射小游戏...... http://www.elated.com/res/File/articles/development/javascript/jquery /drag-and-drop-with-jquery-your-essential-guide/card-game.html
在第 37 行，为什么 $('<div>' + numbers[i] + '</div>')在它还不存在的时候被选中，就我而言，当它们已经存在于文档中时，你在 Jquery 中选择它们.. 我不太明白那个选择器，有人可以请详细说明该选择器发生了什么？即使在第 48 行 ... 是uiJquery 中的内置词 .. 当他们说ui.draggable？究竟ui指的是什么？
谢谢 ！
jquery - jQuery可拖动并行移动多个div
我在一个 Javascript/jQuery 问题上苦苦挣扎了大约两周，这让我发疯了。我需要多个 div 才能在容器 div 中拖动。如果您移动一个 div，其他 div 也会随之移动，无论放在容器中的哪个位置。现在，有两个问题：
1）第一个元素被丢弃了，它的左上角捕捉了鼠标指针，但这很好。但是，当删除更多 div 时，它们会偏移到 y 轴上的正确位置。不是 x 轴，这是有效的。有趣的是，偏移量正好是红色 div 的高度，50 像素。然后，第三个删除的 div 具有 100 像素的偏移量，第四个 150 像素，依此类推。
2）当拖动一个 div 时，其他 div 在 x 和 y 坐标上都得到了我无法解释的偏移。
看看：http: //jsfiddle.net/6v3hR/7/
我包括了鼠标指针位置，这便于调试/位置检查。由于问题 2) 发生在启动函数中，因此我将坐标输出到控制台。他们是正确的！您可以通过将鼠标指针移至相应位置并检查显示的坐标对来进行检查。
代码说明：
每次在容器 div 中拖动红色 div 时，都会调用 start。在这里，我将位置保存在开始处，即原始位置，因此命名为 originalX 和 originalY。我把它放在 jQuery 对象中以便在拖动事件函数中使用它：
在这里，我通过 css 函数通过 each 函数计算偏移量并更新所有 div 的位置。这实际上很好，痛苦的偏移是存在的，但运动是真正平行的。
有一个插件，multidraggable。它真的很好，但它不能与最近的 jQuery 1.9+ 版本一起使用。
非常感谢任何帮助。