0

ドロップ可能な要素に要素をドロップしたいという点で、ドラッグ アンド ドロップ イベントを実行しています。

<div class="draggable ui-draggable"  id="800068">
    <h5>test 2.mp4</h5>
</div>

私はそれを::にドロップしています

<div class="drop" data-bind:"foreach:items">
   <div class="slot">
        <p data-bind="text"></p>
   </div>
</div>

＆ドラッグ＆ドロップ用の私のJqueryコードは次のとおりです:: 

$('.draggable').draggable();
$('.drop').droppable();

しかし、ドロップされた要素はの下部に追加され、そのドロップされた要素を途中で追加したいso that I can be over Slot as well as over <p>

4

1 に答える 1

0 
    $(".slot").droppable({
        accept: ".draggable",
        tolerance:"pointer",
        drop: function (event, ui) {
            var dropped = ui.draggable;
            var droppedOn = this;
            $(dropped).detach().css({ top: 0, left: 0 });
            $(droppedOn).before($(dropped));
            $(dropped).append("<h5></h5>");
            $(dropped).find('h5').text("hello test");
        }
    });

それがあなたが望むなら、これはそれがドロップされたdivの下に置かれますか？

于 2013-07-10T12:18:59.267 に答える