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>

我想要一个用于拖放的javascript，它可以在删除时替换拖动的数据

1 个答案: