我正在根据示例here使用JQuery .Sortable设计看板。
基本上我们生成一些(ul)列表,我们可以使用JQuery在列表之间拖动列表项.Sortable:
$(function() {
$( ".sortable" ).sortable({
connectWith: ".connectedSortable",
receive: function( event, ui ) {
// Do something when a list item is dragged from one ul to another ul
}
}).disableSelection();
});
我已经能够将其与我的数据库联系起来,所有这些似乎都能正常工作。
但我希望能够应用一些规则来确定允许拖动项目的列表。我可以快速调用数据库来检查它是否是.Sortable上生成的事件中的有效移动,但我看不出如何强制执行该规则,以便列表项恢复到其原始列表。 / p>
我希望这是有道理的,或者如果您需要有关设置的更多具体信息,请按照上面链接中的示例告诉我。
答案 0 :(得分:0)
最终找到简单答案......
ui.sender.sortable("cancel");
放置在事件中的函数将停止其轨道中的所有内容,并将LI恢复到之前的位置。