Javascript 可下降的不工作

我正在尝试让拖拽和拖拽工作，但这部分的拖拽部分不工作

$(function(){
    $(".draggable").draggable();
    $("#dashboard").droppable({
        drop: function(){
            alert("HEY!");
        }
    });
});

我在哪里犯错

HTML-

答复-

好的，所以我需要添加一个接受，就像这样

    $("#favouritesDashboard").droppable({
    accept:".draggable",
    drop: function() {
        console.log("HEY!");
    }
});

---

您使用的是id而不是类-更改为：

$("#dashboard").droppable({

或使用FavoriteSdashboard id，而不仅仅是仪表板：

$(".dashboard").droppable({

工作演示：

如果它仍然不起作用，那一定是您的设置有问题，例如您没有正确嵌入jquery或jquery ui。检查您的控制台是否有错误。

没有id仪表板，我认为FavoriteSdashboard应该是可放下的

我想应该是,

$(function(){
    $(".draggable").draggable();
    $("#favouritesDashboard").droppable({
        drop: function(){
            alert("HEY!");
        }
    });
});

---

好的，所以我需要添加一个accept-

$("#favouritesDashboard").droppable({
    accept:".draggable",
    drop: function() {
        console.log("HEY!");
    }
});

---

这很有效

alertHey不会运行检查链接并与您拥有的内容进行比较-这是这里最简单的方法。我检查过，它是一样的-我发布了其他代码-这会干扰可拖放代码吗？因此，仪表板是滑出的东西-我发布了该代码-该代码会干扰可拖放代码吗？

$(".dashboard").droppable({

$(function(){
    $(".draggable").draggable();
    $("#favouritesDashboard").droppable({
        drop: function(){
            alert("HEY!");
        }
    });
});

$("#favouritesDashboard").droppable({
    accept:".draggable",
    drop: function() {
        console.log("HEY!");
    }
});