问题标签 [jquery-draggable]

我正在使用 jquery 来拖动图像。下面是我的代码

我的要求是，在拖动#imgMaster 时，必须拖动#imgFrontLeft。两个图像都是独立拖动的。请帮助我，我怎么能满足我的要求。

我有一个应该是可拖动的 div。下面是代码，

要求是上述逻辑应该在这个if条件下发生

如果这个条件不成立，那么 div 不应该是可拖动的。请帮助我如何做到这一点......提前谢谢！

以下问题：我有一个名为“#window-hidden”的隐藏 div 容器。当用户点击一个链接时，链接文档的 HTML 应该通过 AJAX 插入到这个 div 容器中（到目前为止工作“。这个容器也应该是可拖动的（到目前为止工作）。但另外我需要一个关闭按钮来再次隐藏这个 div 容器 - 这里出现了麻烦。

我的代码：

代码的第一块将 HTML 加载到 div 容器中，并将“closer”元素添加到容器中。到目前为止一切都很好。第二个块使容器可拖动。最后一段代码我想再次关闭窗口，但它不起作用。也许是因为父容器（#window-hidden）是可拖动的？或者可能是因为 #closer 元素是在构建 DOM 之后插入的？？

最好的，托拜厄斯

如果我有一个在其中绘制图像的画布。图像在曲线中有四个点。我需要使这个曲线区域可拖动。但没有使用kinetic Js

附图片。

HTML

jQuery

更新：

我有四个贝塞尔曲线点。我也在缩放每个点，然后浅黑色区域也在缩放。我需要拖动浅黑色区域。它不是图像。它是由贝塞尔曲线选择的区域。

我在这里和网络上的其他地方阅读了大量帖子，但我找不到适合我情况的解决方案。

我有两个设置为 droppables 的 div。#imgBrowser 包含一组通过 AJAX 动态填充的图像。一旦该 AJAX 调用返回，它就会触发一个函数，该函数将图像设置为可拖动对象，将两个 div（#imgBrowser 和 #imgQueue）设置为可放置对象，将 #imgQueue 设置为可排序对象。

用户可以在两个 div 之间来回拖动图像。我有这个完美的工作。但是，我要添加的功能是让#imgQueue 也可以排序。

到目前为止，这是我的代码：

两个支持功能：

和简单的html：

我遇到的问题是，当尝试对#imgQueue 进行排序时，可拖动/可放置会覆盖可排序。我猜如果可排序覆盖了可拖动，那么如果我想拖回#imgBrowser，那将是一个问题。我想要做的甚至可能吗？

谢谢！马特

jsFiddle

您会注意到可拖动对象的包含选项是 [7, 0, 40, 0]，尽管我认为它们应该是 [0, 0, 32, 0]。如果单击按钮使其处于“ON”位置并拖动<div>（圆形滑块），您会注意到它向左移动而不是向右移动。我不明白为什么会这样。这是问题的图片，非常轻微。

当你拖动它时，这就是我想要的：

谢谢！

HTML：

CSS：

JS：

我遇到了 jQuery UI 条件的问题。

这是代码：

我的问题：

如何使用if 语句，以便我的可拖动项目在捕捉到我的ui-widget-header时不会恢复？

非常感谢 ;）

我是 jQuery 和 UI 的新手。

我无法理解使用 jQuery 和 jQuery UI 的整个拖放、克隆和保存到 DOM 对象的数据库过程。

我遇到了一些奇怪的情况：

助手克隆根本不起作用。

使用以下代码，原始div拖动，而不是克隆。

甚至它是 “help:'clone'” 而不是 “helper:'clone'”

“助手：'克隆'”不起作用......

您可以在http://jsfiddle.net/JEdtX/6/查看

我的代码中发生了什么？（其实我是从网上找的..）

每当您尝试拖动需要向下滚动才能查看的图像（第一次加载时不可见的任何内容）时，图像都会被拍摄到页面顶部，而不是停留在光标上。这只发生在 Chrome 或 Safari 中，在 Firefox 中效果很好。我已经尝试过 Draggable 之外的方法来解决这个问题，但它们只会导致额外的问题。

这是所需代码的最简单版本，我只是找不到要使用的正确类，但答案必须在此处

我相信它使用 jquery-ui-1.10.0.custom.min.js 进行拖动功能。

这是正在测试的 URL：http: //julian-berman.com/test/2/

所以它几乎不知道如何在初始窗口容器之外重新调整图像的 Y 位置，而且我一生都无法弄清楚如何做到这一点。

是否可以在鼠标单击 div 的子级并让它拖动父级时启用拖动？

在此示例中，我试图让可拖动对象同时适用于 div 和 select。当您单击选择并尝试拖动时，没有任何反应。

http://jsfiddle.net/Trhs4/5/