javascript - 将一个 div 拖到另一个 div 并在我在它上面时更改另一个 div 的大小

Question

我有 3 个用于存储约会的小 div。这一切都有效。我只想在我将带有约会的 div 拖动到那些小 div 以更改这些小 div 的大小时进行存储。当我将鼠标悬停时我取得了成功，但是当我拖动另一个 div 时它不起作用。有没有人知道该怎么做。

Answer 1

我认为您所追求的是droppablejQuery UI 库，更具体地说是hoverClass属性。

以下直接取自jQuery UI Droppable Demo

$("#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!" );
    }
});