0

ドラッグ アンド ドロップ ボックスとして使用しているボックスから値を取得できません。ボックスは適切にドラッグアンドドロップし、値でdivを更新できますが、ドラッグされたボックスの値を、ドラッグされたボックスをドラッグしているボックスの値とともに追加しているdivに入れたいと思います以上。ここまでのコードです。どんな助けでも大歓迎です

ここに私がこれまでに持っているものと、コードを作成しているページへのリンクがあります

<script>
    $(function() {
        // make orange boxes draggable
        $( ".draggable" ).draggable();
        //make blue boxes draggable but also make things mappen when orange box is dropped in it
        $( ".droppable" ).draggable().droppable({
            drop: function( event, ui ) {
                var targetElem = $(this).attr("title");
                // update the div at the top of the page with the value of the blue box being dropped on and the orange box being dragged
                $('#showstuff').empty();
                $('#showstuff').append('' + targetElem + '');
            }
        });
        // when an orange box is dragged away from the blue box append the #showstuff div
        $( ".droppable" ).draggable().droppable({
            out: function(event, ui) {
                $('#showstuff').empty();
                $('#showstuff').append('emptied again');
            }
        });
    });
</script>

そしてリンクはこちら

http://barrysfiles.co.uk/exp/development-bundle/demos/droppable/barrytest2.php

4

1 に答える 1

0

Drop コールバックから ui.draggable を使用して Dragged 要素にアクセスできます。

例: http://jsfiddle.net/TfmZt/

于 2012-08-25T10:41:05.683 に答える