问题标签 [jquery-droppable]

我正在使用 JQuery v2.0.0

当我将一个框拖放到大标题框（JQuery Sortable）时，它可以正常工作。但是，当单击 JQuery Sortable 框中的放置框时，它在第一次尝试时不会触发（或工作），但在第二次尝试时会工作。

谁能解释为什么会这样？我认为蓝条背景颜色问题在这种情况下会有所不同，我可能是错的。

谢谢。

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

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

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

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

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

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

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

I have 5 pieces of a image in a container which i have to drop in another container to complete the image. After the image is dropped in another container i want to add a different class to that image depending upon its ID. so that this image piece will stick to the previous image present in this container.

I am able to implement the drag and drop event and add a single class to each image after drop event. what changes i need to make in my code to add a different class to eachimage depending upon its ID

My code

Bodypart of code

我对 jquery 可排序和可放置元素有一个奇怪的问题。我想要一个可排序的列表和一个可以从中拖动元素以添加到该列表的列表，我不希望第二个列表是可排序的或可放置的。我使用以下代码来实现它：

我不知道为什么这在我的页面上不起作用。

我的完整代码可以在这里看到：http: //jsfiddle.net/9RURx/31/

在 Jsfiddle 中它工作得很好，但在我的页面中元素不会“丢弃”。我可以移动它们，但在我释放点击后它们会继续跟随鼠标。

所以我认为我的 jquery 包含有问题，所以我下载了最后一个版本并改为调用它，但没有改变。外部脚本的完整调用如下，以防我错过了什么：

我是 jquery 的新手。这是我的代码

我想让这两个事件都直播。请帮助我如何以 .live 的形式声明这些事件。提前致谢。

我想把扑克牌拿在手上，但要让它们可以放在新的空间里。手中的卡片也应该是可重新排序的（可排序的）。

这是我为 JS 尝试过的：

但它并没有真正起作用......如果它们没有被丢弃，它们不会恢复到它们的旧空间，如果它们被丢弃，它们也不会被正确地附加到新空间中。（虽然如果它们被丢弃，它们会发生一些事情，但目前还不清楚是什么。）

如何使它起作用？

我在 AngularJS 应用程序中实现一个简单的 jQuery droppable 时遇到了问题。

出于某种原因，代码正在我在 Fiddle 上设置的独立页面上运行：http: //jsfiddle.net/65FMq/3/

但是，由于某种原因，当我在 myApp 中添加相同的代码时，它不起作用。基本上，一旦您启动应用程序 (index.html)，您就会进入主页，其中包括 app.js、其他控制器、css 等。

然后，一旦您单击菜单项照片，我就会显示“照片”状态（这是一个单独的 html 文件）。然后，用户可以从那里选择他/她想要购买的一张照片，当他点击购买按钮时，使用 ng-click"buyPhoto(photos)"，我隐藏显示可用照片的 div 并显示div 包含有关该照片的更多详细信息。

在那里，除了照片上的信息外，我还显示了一个网格，其中包含用户可以订购照片的所有可能尺寸，他需要将他想要的尺寸拖放到订购栏（可放置区域）。但是，由于某种原因，即使加载了所需的 jquery css/js 文件并且照片缩略图（将是上面小提琴中的单元格）设置为可拖动，我也没有获得拖放效果。

这是我的 app.js：

这是我的照片Ctrl：

照片部分 html 文件中的 HTML（片段）（其中包含发生角度重复以生成所需单元格和行的位置，并显示行被赋予可拖动类）：

我正在使用 JQuery droppable 容器来删除其他元素。当用户将鼠标悬停在容器上时添加的 hoverClass。在这个类中，我设置了容器的新宽度。但是当鼠标离开容器时，不会考虑这个新的宽度。Out 事件被触发，因为容器将具有旧的宽度。更奇怪的是，如果我非常缓慢地移动拖动元素，则会考虑容器的新宽度。

我在这里做了小提琴的例子：http: //jsfiddle.net/SLGdE/709/

在 Chrome 和 FF 中测试。

我怎样才能考虑到可放置容器的新宽度？