Jquery可拖动和可放置，但不接受其他droppabe元素

Question

我希望使我的div可拖动但不接受可拖放的jQuery行

我具有可拖动和可拖放的元素，但我不希望该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!");
        }
    });
});