Jquery Draggable和droppable但是dosn不接受其他droppabe元素

Question

我想要jquery行使我的div可拖动但不接受可放置

我有可拖动和可放置的元素，但我不希望这个div行为相同我只是希望它可以拖动但不能用任何东西掉落

任何帮助？

Answer 1

假设您的意思是.draggable()和.droppable() jQuery UI函数，您可以使用accept参数仅接受某些元素可以删除。这显示在droppable的jQuery UI参考页面上：

$(function () {
    $("#draggable, #draggable-nonvalid").draggable();
    $("#droppable").droppable({
        accept: "#draggable",
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function (event, ui) {
            $(this)
                .addClass("ui-state-highlight")
                .find("p")
                .html("Dropped!");
        }
    });
});

上述代码会使#draggable和#draggable-nonvalid个元素可拖动，#droppable可放置，并且#draggable仅接受#droppable。

Link/Source - jQuery UI