在对两个表jquery进行排序时取消多选中的一个

我使用jquery开发了两个表之间的可排序特性。以下url:

jsfiddle.net/tilwinjoy/shLQE/

从“我的文章”中拖动项目“文章1”和“文章2”时。我只想把第1篇文章放到我的文章里，第2篇文章回到可用区域。我试过了，但没做。有人能帮我吗？非常感谢。

我已更新了您的，并在此处发布了可运行代码：

$（函数（）{
$（'.droptrue'）。在（'click'，'li'，function（）上{
$（this.toggleClass（'selected'）；
});
var lastItem；
$（“ul.droptrue”）。可排序({
连接到：“ul.droptrue”，
不透明度：0.6，
回复：对，
助手：功能（e，项目）{
如果（！item.hasClass（'selected'））
item.addClass（'selected'）；
var elements=$（'.selected'）.not（'.ui可排序占位符'）.clone（）；
var helper=$（“
”）；
item.sides（'.selected'）.addClass（'hidden'）；
返回helper.append（元素）；
},
开始：功能（e、ui）{
var elements=ui.item.sides（'.selected.hidden'）。而不是（'.ui可排序占位符'）；
ui.item.data（'项目'，元素）；
},
接收：功能（e、ui）{
ui.item.before（ui.item.data（'items'））；
},
停止：功能（e、ui）{
ui.item.sides（'.selected'）.removeClass（'hidden'）；
$（'.selected'）.removeClass（'selected'）；
回复条款（）；
},
更新：UpdateStorder
});
$（“#可排序1，#可排序2”）.disableSelection（）；
$（“#sortable1，#sortable2”）.css（'minHeight'，$（“#sortable1”）.height（）+“px”）；
updateStorder（）；
});
函数revertArticle（）{
var widget=$（“#可排序2”）.sortable（“widget”）；
var matchedItems=$.grep（小部件[0]。子项，函数（项）{
返回（item.id==“article_1”| | item.id==“article_2”）
});
如果（$（matchedItems）.length>1）{
$（“#sortable1”）.append（$.grep（小部件[0]）。子项，函数（项）{
退货（item.id==“第1条”）
}));
$（“#可排序1”）.sortable（'refresh'）；
updateStorder（）；
}
}
var-arr=[]；
函数updateStorder（）{
arr=[]；
$（“#可排序2 li”）。每个（函数（）{
arr.push（$（this.attr（'id'））；
});
$（'#postOrder'）.val（arr.join（'，'）；
}

.listBlock{
浮动：左；
}
#可排序1，
#可排序的2{
列表样式类型：无；
保证金：0；
填充：0；
右边距：100px；
背景：#eee；
填充物：5px；
宽度：300px；
边框：1px纯黑；
}
#可悲的1李，
#可排序的2李{
颜色：黑色；
光标：移动；
保证金：5px；
填充物：5px；
字体大小：1.2米；
宽度：250px；
背景：无；
背景色：白色；
}
.选定{
背景：红色！重要；
}
.隐藏{
显示：无！重要；
}
保险商实验室{
列表样式类型：无；
}

可用

第1条
第2条
第三条

我的文章




哪些物品，按什么顺序

欢迎来到SO。请阅读并回答完美的问题，如何创建SO不是免费的编码、代码转换、调试、教程或库查找服务，所以我们会修复您的尝试，我们不会为您编写代码。我已经运行了您刚刚重构的代码。但是我的文章区域中没有显示第2条。你能解决这个问题吗？你能详细说明你的期望吗？我想我误解了你的要求。将第1条和第2条拖到“我的文章”时，第1条将恢复旧状态（返回到区域状态），第2条将显示在“我的文章”中。我已更新了和代码段。请检查并让我知道。太好了。非常感谢你。