问题标签 [jquery-ui-draggable]

我有可以拖放到可拖放区域的可拖动元素。如果删除了一个元素，drop则调用该函数：

我的可拖动元素：

如果元素被删除，我需要知道的是可放置区域的值data-noteid和相对位置。因此，如果将元素放在左上角，则 x/y 坐标必须为 0/0。

我在这里创建了一个完整的工作示例：http: //jsbin.com/utivo5/2/

所以通常我可以访问这样的属性：

但在这种情况下我得到的只是undefined.

有谁知道我如何访问它们？我认为它必须是可能的，event或者ui哪个是被调用drop函数的参数？！

提前谢谢你和最好的问候，蒂姆。

使用 jQuery UI .draggable() 时，我似乎无法在 webkit 浏览器中禁用文本选择。我尝试以各种组合使用 webkit 特定的 css（-webkit-user-select 和 -webkit-user-drag），但没有任何运气。

这是一个 jsfiddle，您可以在其中重现问题：http: //jsfiddle.net/dmosher/8ZGLR/

我正在寻找一个拖放示例，其中拖动项目有两个不同的区域，必须与两个可放置的区域匹配。

例子：

我希望蓝色拖动项目恢复，除非它被放置在其每个红色子项都落在绿色区域的位置。

理想情况下，我想使用 jquery ui（因为我有它的经验），但是任何 javascript 库都可以，在此先感谢。

使用jQuery和Jquery UI，我有一个可拖放的区域，可拖动的项目有以下帮助

如何让助手到达可放置added区域？

我在这里有一个网站，这里有不同网站的快捷方式（“图块” ）。

现在，我有一个脚本，它允许将“图块”的位置存储到 cookie 中，这样当用户稍后返回网站时，他们的图块位置就会被保存。

这是那个脚本：

现在，在第一次加载网站时，之前没有访问过，所有的瓷砖都对齐了一个 5 瓷砖宽和 2 瓷砖高的网格。

单击Edit按钮后，图块变得可拖动并可调整大小。

因此，在单击新Done按钮然后退出浏览器窗口，然后在新的浏览器窗口中返回网站后，位置被保存（有时这也会搞砸），但有各种“不可见”的链接，剩下的形成原始的瓷砖网格。

为什么会这样。例如，假设在您的原始编辑中，您将左上角的 Google 磁贴从其原始位置移到了 YouTube 磁贴下方。

然后，当您返回时，将鼠标悬停在浏览器窗口上 Google 磁贴曾经所在的位置上，您仍然可以单击它，就好像它还在那里一样。你可以很容易地看出这一点，因为我将 CSS 设置为pointer在未处于编辑模式时将鼠标悬停在链接上时显示光标。

有没有办法，我可以从原来的位置删除链接？

我有一个 Web 应用程序，可以用来帮助我选择我的工作时间表。基本上我正在尝试模仿iTunes。每个工作计划都是一个可排序的列表项。列表项被 ajax 加载到单独的无序列表中。左侧是带有无序列表的侧边栏，就像播放列表一样。您可以上下拖放工作计划以更改其顺序或将其更改到不同的列表中。当您单击左侧的列表时，只会显示该列表中的列表项。每件事在Firefox中都很好用。但是在使用其他浏览器时，单击左侧边栏中的行列表后会变得非常慢。随着列表项数量的增加，速度会减慢。

我的 jquery 代码在文档的头部这是测试页面的 html。

根据您单击的行列表显示行的功能就是这个。

我认为使用 id 两次，一次是大写，一次是小写是问题所在，所以我尝试将侧边栏列表项 id 设置为“top_picks”，将关联的容器列表设置为“top_picks-list”，但仍然相同问题。

感谢您的意见！

更新 我猜我的标题措辞并不正确。我有一个 jquery 动画问题。我有大量列表项（在某些情况下最多 300 个）由 ajax 加载到 linecontainer div 内的 8 个不同列表中。用户可以将列表项拖放到侧边栏上以更改列表项所属的位置。

我在此处显示的 javascript 句柄确定用户单击了哪个列表，然后隐藏所有列表项，然后仅显示属于所需列表的列表项。

我认为以页面上的 8 个无序列表为目标并对其进行动画处理会更快，而不是在页面上找到所有 300 个列表项并对其进行动画处理。Firefox 在这方面做得很快，但 chrome、safari 太慢了。它必须与浏览器如何找到 DOM 元素有关。

如何以编程方式中止 jQuery 拖动操作？

使用 jQuery UI，用户开始拖动操作。在拖动时，会发生一个异步事件，该事件会导致被拖动的元素被删除（例如，基于计时器的刷新）。在刷新中，我想在刷新之前做这样的事情以避免被删除元素的错误：

但这似乎不起作用。

我正在开发一个小型应用程序，我将元素拖动到可放置区域。我最近升级到 jQuery 1.5，我发现我只能拖动一个元素一次。

这意味着如果用户不小心将它放到了可放置元素之外的其他地方，他将无法再次拖动它。

我正在使用 jQuery 1.5 和 jQuery UI 1.8.9。

我通过 .each 函数将可拖动状态设置为每个元素。

其他人有这个问题吗？我是 jQuery 新手，感谢您的帮助 :)

[编辑] 我还应该补充一点，我已经使用委托函数将点击事件委托给了同一个对象。虽然之前没问题。

对于摄影网页，我正在实现一个图像查看器，它允许通过在参考图像上拖动一个半透明的矩形来选择缩小的参考图像中的感兴趣区域。所选区域连续“镜像”到第二个图像查看器，该查看器以 100% 的放大率显示该区域。

我的解决方案使用 XHTML/CSS 和 jQuery，并且我有一个已经可以使用的基本版本——但是在初始化时遇到了一个我无法解决的问题。我已经将感兴趣的区域设置为div使用 jQuery UI 可拖动的可拖动区域。为了将感兴趣的区域限制为图像，我使用了该containment属性。

然而，最初 div 显示在图像之外。一旦我开始拖动感兴趣的区域，就会立即div捕捉div到图像的内部，并且从今以后会正确执行遏制。我找到的所有示例代码都演示了嵌套divs 的包含，这不适用于我的案例，因为据我所知，图像 (XHML img) 不能包含其他元素。

有没有一种方法可以强制在div最初呈现网页时已经包含可拖动的感兴趣区域？

我已经提取到最少的代码来说明我的代码中的问题，见下文。

我会很高兴任何提示。

干杯，基督徒

如果取出可调整大小的线，这很好用，但我希望这些图像可以拖动和调整大小，如果我尝试让同一个元素具有两个属性，我会得到有趣的行为，有没有人知道一种方法来完成这项工作？

谢谢！