0

ここでは、スクリプトをドラッグ アンド ドロップするための単純な Java スクリプトを使用しています。

$(function() {
  $( "#sortable" ).sortable({
    revert: true
  });

  $( ".draggable" ).draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid",
  });

  $( "ul, li " ).disableSelection();
});

しかし、ドラッグできるいくつかの画像を表示するアプリケーションを作成したいのですが、その画像がドロップ可能な領域にドロップされると、画像に関する異なるコンテンツが表示される場合、このコンテンツはプレーンテキスト、画像、リンクなどのようなものになる可能性があります. そして、それらは私の php データベースから取得されます。

4

1 に答える 1

1

この動作を行うために使用する必要があるメソッド「receive( event, ui )」があります。

<script>
$(function() {
    $( "#sortable" ).sortable({
        revert: true,
        receive : function(event, ui) {
            $(ui.item).replaceWith($('<div>').text('blabla'));
        }
    });

    $( ".draggable" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid",

    });
    $( "ul, li " ).disableSelection();
});
</script>
于 2012-11-21T16:02:24.330 に答える