javascript - jQuery UI 可放置类

Question

结束于http://lab.2toria.com/reflex/index2.php我已经开始为我正在构建的游戏构思一个想法。

如果您单击右侧的 block 并将其拖动到主网格，您会看到，当您在其上拖动时，这些 block 会突出显示。如果掉落，方 block 会出现深灰色边框。这很棒，但是如果您将一个 block 拖到已经是深灰色的单元格/ block 上，当您经过它时，它会重置为默认的浅灰色。

我需要做什么来阻止这种情况发生？我希望深灰色的 block 保持该颜色。

Answer 1

您的hoverClass是可放置的path，这也是您放置后设置为类的内容。当您使用可拖动项进入可放置项并退出时，它会删除您的类。为什么不创建两个具有相同样式规则的单独类，并使用一个作为 hoverClass ，另一个作为删除的类。

$(".grid").droppable({
    hoverClass: "hovered",
    drop: function(event,ui) {
        $(this).addClass("path");
    }
});