JQuery .Sortable还原移动LI

时间:2018-06-07 14:51:48

标签: jquery jquery-ui-sortable

我正在根据示例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>

我希望这是有道理的,或者如果您需要有关设置的更多具体信息,请按照上面链接中的示例告诉我。

1 个答案:

答案 0 :(得分:0)

最终找到简单答案......

ui.sender.sortable("cancel");

放置在事件中的函数将停止其轨道中的所有内容,并将LI恢复到之前的位置。