jquery - Jquery ドラッグ可能なプレースホルダー

Question

JQuery Sortableに表示されるプレースホルダーのように、アイテムをドロップ可能なコンテナーにドラッグすると、プレースホルダーが表示されるようにしたいと考えています。

JQuery sortable にはプレースホルダー オプションがあります。JQueryのドラッグ可能なメソッドにこれに似たものはありますか、それともどうすればそれを作ることができますか?

どんな提案も役に立ちます。

Answer 1

以下のコードを試してください。

おっしゃる通り、「コンテナには多くの要素があります」。これらのコンテナには「div」要素があると思います。

$("#container_drop div").droppable({
    drop: function (event, ui) {
        $( this ).addClass( "ui-state-highlight" );
    },
    over: function (event, ui) {
        $( this ).addClass( "ui-state-highlight" );
    },
    out: function (event, ui) {
        $( this ).removeClass( "ui-state-highlight" );
    }
});

Answer 2

ブローコードを試して、

$( "#container_drag" ).draggable({

      drag: function() {
        $('#container_drop').addClass('highlight_container');
      },
      stop: function() {
        $('#container_drop').removeClass('highlight_container');
      }

});

ここで、container_drag - ドラッグ可能なコンテナと container_drop - アイテムがドロップされる場所。

そしてCssでは、

.highlight_container{border:...,background:...}