使用jQuery和ajax进行拖放

“我想制作这样的拖放效果”“任何人都可以知道我从哪里可以得到同样的效果

查看此链接：



下载后，您可以查看有关拖放的示例。 只要阅读并在项目中使用它，这是学习它的最佳方式。
您还可以看到一些在线示例和特定教程：

---

我认为您可以毫无问题地使用它。

我以前在一个项目中使用过一些成功的方法：

---

我遇到的唯一问题是确保在直接向图像添加拖动效果之前加载图像，这在不同的浏览器中有点棘手，但我认为如果将拖动放在say div上并放置背景图像，可能可以避免该问题。

使用jquery ui:-

$（函数（）{
$（“#elements.element”）.draggable({
回复：“无效”，
遏制：“文件”，
助手：“克隆”，
光标：“移动”
});
$（“.droppable”）.droppable({
接受：“#元素.元素”，
回复：对，
贪婪：没错，
公差：“指针”，
drop：函数（事件、用户界面）{
var section=$（this.attr（'id'）；
//log（$（ui.draggable.attr（'id'））；
var id=$（ui.draggable.attr（'id'）；
var value=$（ui.draggable.attr（'value'）；
$.ajax({
url:'{url（“拖动”）}}/'+id+'/'+value+'/'+section，
//数据：数据，
处理：对，
//数据类型：数据类型
成功：功能（数据）{
jQuery（“#”+section）.html（数据）.fadeIn（1000）；
//jQuery（“#滑块可拖放”）.find（“[data ride=carousel]”）。carousel（）；
jQuery（“.edit_按钮”）.bind（“触发器”）；
}
});
//$（ui.draggable）.appendTo（this）；
//$（this.html（$（ui.draggable.attr（'class'））.fadeIn（）；
}
});
});

这是图库部分

请详细说明您的答案，因为不清楚这里的解决方案是什么。另外，我会改进格式。