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

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

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

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

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

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

您有一个方法“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>

$（函数（）{
$（“#可排序”）。可排序({
回复：对，
接收：功能（事件、用户界面）{
$（ui.item）.replace为（$（''）.text（'blablabla'）；
}
});
$（“.draggable”）.draggable({
connectToSortable:“#可排序”，
助手：“克隆”，
回复：“无效”，
});
$（“ul，li”）.disableSelection（）；
});

感谢您的回复。。但你能举个例子吗？我是js中的一个noob，我是一个php人员，它正在工作，但这取代了可拖动的内容，我想更改可拖放站点上的内容，例如，我将照片拖动到可拖放区域，而不是显示我的姓名而不是照片。类似的事情抱歉，我无法从我所在的位置访问JSFIDLE。也许是帮助者：克隆导致了你的问题。我使用了另一个javascript，它工作得很好，请你帮我解决这个问题好吗？？