Jquery 拖动并替换<；ul>；要素

大家好，圣诞快乐， 我在一个新闻网站上创建了一些li元素，如下所示：

<ul class="other">
<li id="eco">
//news feed
</li>
<li id="tech">
//news feed
</li>
<li id="art">
//news feed
</li>
<li id="opin">
//news feed
</li>
</ul>

我编写了一个jquery代码来拖动这些元素：

$(document).ready(function(){

$('#others li').draggable({
containment:'parent',
revert:'invalid',
opacity:'0.91',
cursor:'crosshair'
});

});

如您所见（如果您已经使用jquery编程），这段代码会拖动元素，然后当鼠标释放时（

）（在移动不透明度时）会返回到其初始位置。。。我只是想知道当拖动的元素到达第二个元素的x和y位置时，如何改变位置

（注：元件可在x和y方向拖动）

---

谢谢你

我相信你需要的是：

---

请分析演示示例，如Portlet，以更好地了解其功能。

我已经测试了此可排序和禁用选择功能，现在运行良好：-）它非常简单。是的，jQueryUI为您做了所有这些！伟大的图书馆！

$(document).ready(function(){

$('#others li').draggable({
containment:'parent',
revert:'invalid',
opacity:'0.91',
cursor:'crosshair'
});

});