当我结束时,将一个div拖到另一个div并改变另一个div的大小

时间:2012-05-02 15:30:20

标签: javascript jquery html css

我有3个小div用于存储约会。这一切都有效。我只想在我将div与约会拖到商店的小div来改变那些小div的大小时。当我做鼠标时,我取得了成功但是当我拖动另一个div时,它不起作用。 有没有人知道该怎么做。

1 个答案:

答案 0 :(得分:2)

我认为您所追求的是droppable jQuery 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!" );
    }
});