0

今、単純なドラッグ アンド ドロップ ゲームを作ろうとしています。

初めてクローンをドラッグ アンド ドロップしたときは正常に機能しますが、クローンをドラッグすることはできなくなりました。

だから私はドラッグするのと同じ数のクローンを作成したい....そして私はそれを行う方法がわかりません。

最初に私のコードを見てください。

    function init(){
    var xCoordinate;
    var yCoordinate;
    var itemName;

    $('#burger, #chicken, #fries, #hotdog, #soda').draggable({
        containment: '#screen',
        start: getPosition,
        helper: 'clone',
        stop: dragStop,
        revert: 'invalid'
    });

    $('#A, #B, #C').droppable({
        drop: itemDrop
    });
}

function getPosition(event, ui){
    xCoordinate = ui.offset.left;
    yCoordinate = ui.offset.top;
};

「関数 getPosition」は、クローンを同じ位置に配置できるように、元のドラッグ可能なアイテムの x 座標と y 座標を取得するだけです。

「複製クローン!!」と命令しなければならないことは理解しています。ドロップ可能な機能の下にありますが、その方法がわかりません。

4

1 に答える 1

0

コードは、dropプロパティの機能を提供する必要があります。この関数は、ヘルパーのクローンを作成し、droppable. 実装に適用できる基本的な例を提供しました。

HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>
<div id="drop"></div>

Javascript

$("li").draggable(
    {helper: "clone"}
);

$("#drop").droppable({
    accept: "li",
    drop: function(event,ui){
        console.log(ui.helper);
       $(this).append($(ui.helper).html());    
    }
});

作業例 http://jsfiddle.net/2W4jA/

于 2013-04-17T08:49:49.640 に答える