php - 我想要一个用于拖放的javascript，它在拖放时替换拖动的数据

Question

我在这里使用一个简单的java脚本进行拖放脚本是

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

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

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

但是我想制作一个应用程序来显示一些可以拖动的图像，但是当该图像被拖放到可拖放区域时，它将显示与图像有关的不同内容，这些内容可以是纯文本、图像、链接等. 他们将通过我的 php 数据库来。

Answer 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>