使用jQuery UI进行多次拖放

Question

我尝试使用jQuery UI通过不同的块进行多个拖放项目。

问题是我不知道如何在下面的输入栏中显示我拖到“第二篇文章”中的项目，它只在我将项目拖到第一篇文章时才有效。

实际上，我不知道如何将 if (inputs.fields.status.name == 'IN PROGRESS') could be if (inputs.fields.status.name == $scope.selectedItem) $scope.selectedItem could come from a dropdown or something. I hope I understood your question correctly. $scope.selectedCount = $filter('filter')(response.data.issues, function(inputs) { if (inputs.fields.status.name == 'IN PROGRESS' && created == <you need momentJs or some date compare function to compare month>) return inputs; }); 放入第31行，还是应该写另一个函数来执行此操作？

抱歉，我不确定问题是否清楚，因为我的英语不好。检查Codepen上的代码，然后您可能知道我在说什么：https://codepen.io/anniesnoopymd/pen/brKdGM?editors=1010

任何想法都非常感谢！谢谢你的帮助。 ：）

Answer 1

只需将update事件更改为匿名函数，即可调用updatePostOrder()和updateAdd()：

update: function(){
            updatePostOrder();
            updateAdd();
        }

然后，您可以在主要功能结束时删除这些电话。

总计：

$(function () {
    $('.droptrue').on('click', 'li', function () {
        $(this).toggleClass('selected');
    });

    $("ul.droptrue").sortable({
       ...
        },
        start: function (e, ui) {
            ...
        },
        receive: function (e, ui) {
           ...
        },
        stop: function (e, ui) {
            ...
        },
        update: function(){
            updatePostOrder();
            updateAdd();
        }
    });
    $("#sortable1, #sortable2, #sortable3").disableSelection();
    $("#sortable1, #sortable2, #sortable3").css('minHeight', $("#sortable1, #sortable2").height() + "px");
});

请参阅此分叉Codepen：https://codepen.io/anon/pen/LjrpgX?editors=1010