拖拽删除2个列表 - 两个列表都激活相同的OnDrop事件

时间:2014-08-04 12:26:15

标签: c# javascript asp.net jquery-ui-sortable

使用jQuery Sortable插件进行拖动删除,从这里取出:
http://johnny.github.io/jquery-sortable/
我有2" UL" - 清单:

ul class="dragList" id="VecInventorList"
 ul class="unStyledList" id="UnchoosedVehInvList"

ul class="dragList" id="VecInventorList" ul class="unStyledList" id="UnchoosedVehInvList"
并关注我的javascript:

$("ul.unStyledList").sortable({
        group: 'no-drop',
        drag: false,
        onDrop: function (item, targetContainer, _super) {
        }
      });
  $("ul.dragList").sortable({
        group: 'no-drop',
        drag: false,
        onDrop: function (item, targetContainer, _super) {
        }
      });

可以在" dragList"内拖动。 (替换项目之间的位置)和" dragList"
to" unStyledList" (将它们从" dragList"列表中取出) 在两种情况下(拖入内部" dragList"以及" dragList"),第一个OnDrop功能正在工作。
请告知我如何使用2个OnDrop功能,每个功能都适用于任何情况。

1 个答案:

答案 0 :(得分:2)

在项目来自的容器上调用onDrop。在您的函数中,求值为targetContainer参数以查看项目的删除位置并决定如何处理它。