javascript - あるdivを別のdivにドラッグし、その上にあるときに他のdivのサイズを変更します

Question

私は予定を保存するために使用される3つの小さなdivを持っています。それはすべてうまくいきます。それらの小さなdivのサイズを変更するために、ストア用のそれらの小さなdivに予定を付けてdivをドラッグするときに作成したいだけです。マウスを重ねたり外したりすると成功しますが、別のdivをドラッグしても機能しません。誰かが何をすべきか手がかりを持っていますか？

Answer 1

あなたが求めているのはdroppablejQueryUIライブラリ、より具体的にはhoverClassプロパティだと思います。

以下は、jQueryUIドロップ可能デモから直接引用したものです

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