0

私が持っているのは、1 つのドロップ可能な div (dropZone) といくつかのドラッグ可能なものです。ドラッグ可能なものは、dropZone にドロップされると HTML コードをレンダリングする HTML コード スニペットです。(HTML コードは ID とともに外部の html ファイルに保存されます) ドラッグ可能なものを 1 つドロップすると、正常に動作します。しかし、別のものをドロップすると、現在のコードがクリアされます。これを行う方法について何か提案はありますか? 

$("#dropZone").droppable({
    tolerance: 'touch',
    over: function() {
        $('.dragMe').addClass('red');
    },
    out: function() {
        $('.dragMe').removeClass('red');
    },
    drop: function(event, ui) {
        var id = ui.draggable.attr("id");
        $(this).load('test.html #' + id);
    }
});

現在のコードを dropZone 内に保持する方法はありますか?別のドラッグ可能なコードをドロップすると、コードに追加されますか?

どうもありがとうございました。

4

1 に答える 1

0

これを使用できます：

jQuery.get('http://localhost/test.html', function(data) 
{ 
    alert(data); 
});

これによりデータが取得され、後で使用するためにデータを変数に割り当てることができます。複数のロードがある場合は、すべてのデータを含む配列を作成し、ロードするたびにそれを配列に追加します。

編集：（あなたの場合）

drop: function(event, ui) 
{
    var id = ui.draggable.attr("id");
    jQuery.get('http://localhost/test.html#' + id, function(data) 
    { 
        //store data as variable
        $(this).html(data);
    }); 
}
于 2012-09-26T17:29:29.027 に答える