如何在最后一个可拖动元素被删除后执行操作..

Question

在最后一个放置动作之后（可放置的元素编号总是不同）我想显示例如提交按钮。

这是一个工作示例（对应部分）：

$('.unsortedChoiceBox1 li').draggable({
    appendTo: "body",
    helper: "clone",
    revert: true,
    scope: "d1",
});

$( "#droppable1 ol" ).droppable({
    scope: "d1",
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    accept: '.unsortedChoiceBox1 li',
    drop: function( event, ui ) {
        ui.draggable.draggable('option','revert',false); 
        ui.draggable.clone().appendTo(this);
        ui.draggable.remove();

    }
});

请给我一个想法：如何检测，哪个可拖动元素是最后一个？

Answer 1

这里是代码。您需要在放置事件时计算拖动元素和增量计数器

    $('.unsortedChoiceBox1 li').draggable({
                appendTo: "body",
                helper: "clone",
                revert: true,
                scope: "d1",
            });
            var count = 0;
var drags = $('.unsortedChoiceBox1 li').size();
            $("#droppable1 ol").droppable({
                scope: "d1",
                activeClass: "ui-state-default",
                hoverClass: "ui-state-hover",
                accept: '.unsortedChoiceBox1 li',
                drop: function(event, ui) {
                    ui.draggable.draggable('option', 'revert', false);
                    ui.draggable.clone().appendTo(this);
                    ui.draggable.remove();
                    count++;
                    if (drags == count) {
                        alert('all elements are dropped');
                        //show submit button
                    }

                }
            });