javascript - Jquery拖放允许2个元素

Question

我在使用 jquery 拖放时遇到了一些问题。我只想从每个“ul”中拖动 1 个元素。所以我想要的结果是红色框中的“test”和“foo”。我如何跟踪红色框中的元素？

代码如下: http://jsfiddle.net/9edge/CTpTr/

提前致谢

Answer 1

填写两个单独的计数器，每个计数器对应一种项目类型(并为您的项目提供类以识别它们)。

使用 check() 函数检查您的限制，如果达到或未达到则返回 true/false，使用 drop() 函数更新您的计数器。

$(function() {
    var limit = 1;
    var counter_test = 0;
    var counter_foo = 0;
    $("[id=drag]").draggable({
        revert: "invalid"
    });
    $('#div1').droppable({
        accept: function(item) {
            if ($(item).hasClass('test')) {
                if (counter_test >= limit) {
                    return false;
                }
            }
            else {
                if (counter_foo >= limit) {
                    return false;
                }
            }
            return true;
        },
        drop: function(e, ui) {
            if (ui.draggable.hasClass('test')) {
                counter_test++;
            }
            else {
                counter_foo++;
            }
        }
    });
});
​

Fiddle

New Fiddle with IDs fixed