如何在droppable div left-align中自動調整可拖動文本

Question

我想將id="drag" div中的文本id="drag"到id="dropdiv"另一個div中。 <p>標記中的文字被刪除但不在droppable div的中心或左側。

我希望每當我在div上刪除文本時它會自動調整到div的中心或左邊。 請告訴我怎么做。 這是我的代碼：

$(".draggable2").draggable({
    revert: "invalid",
    stop: function () {
        $(this).draggable('option', 'revert', 'invalid');
    }
});

$(".draggable2").droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function (event, ui) {        
        ui.draggable.draggable('option', 'revert', true);
        ui.draggable.position({of: $(this),my: 'left top',at: 'left top'});
    }
});
$(".droppable").droppable({
    drop: function (event, ui) {

    }
});

<div style="text-align:left; border:1px solid;"class="droppable" id="dropdiv"></div>
<div id="drag">
    <p class="draggable2">TEXT</p>
</div>

Answer 1

你需要這樣的嗎？ 我改變腳本如下，它可能會幫助你..

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( ".draggable2" ).draggable(); $( ".droppable" ).droppable({ drop: function( event, ui ) { $( this ).html($( ".draggable2" ).draggable()); $( this ).find("p").removeAttr("style"); $( this ).css("height","auto"); } }); }); </script> </head> <body> <div style="text-align:left; border:1px solid;height:20px;"class="droppable" id="dropdiv"> </div> <div id="drag" ><p class="draggable2 " >Text</p><div> </body> </html>

如何在droppable div left-align中自動調整可拖動文本

問題描述

1 個解決方案

解決方案1
0 2016-06-13 12:47:02

如何在droppable div left-align中自動調整可拖動文本

問題描述

1 個解決方案

解決方案1 0 2016-06-13 12:47:02

解決方案1
0 2016-06-13 12:47:02