перетаскивание копии изображения не приводит к падению другой сверху

Question

перетаскивание копии изображения не приводит к падению другой сверху

0

Я использовал стандартный код javascript для перетаскивания и изменил его, чтобы перетащить копию изображения в области перетаскивания. Что я не могу понять, потому что я ничего не имею о javascript, что делать, чтобы заменить/поменять выпавшее изображение, когда я перетаскиваю еще один поверх него. Пожалуйста, помогите! Я бы очень признателен! Я использовал следующий код, и я бы предпочел, если есть временное решение для текущего кода, если нет простого способа решить эту проблему? Большое спасибо!

function allowDrop(ev) {
ev.preventDefault();
}

function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}

function dragEnter(ev) {
ev.preventDefault();
}

function drop(ev) {
var data = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data).cloneNode(true));

ev.preventDefault();
}

user3582156 04 май 2014, в 10:56

Источник

Теги:

javascript

jquery

drag-and-drop

1 ответ

Ещё вопросы

Devima · Accepted Answer · 2014-05-04T07-47-00.000Z

В этой скрипке
когда вы перетаскиваете изображение на области сбрасывания (синий div на dx), если в области выделения есть изображение, на этом изображении исчезает новое изображение с перетаскиванием изображения
Код jQuery, в котором вы нуждаетесь,

<script>
   $(document).ready(function(){
        $('.dr').on("dragstart", function (event) {
              var dt = event.originalEvent.dataTransfer;
              dt.setData('Text', $(this).attr('id'));
            });

        $('#dropArea').on("dragenter dragover drop", function (event) { 
           event.preventDefault();
           if (event.type === 'drop') {
               $(this).find('.dr').remove()
              var data = event.originalEvent.dataTransfer.getData('Text',$(this).attr('id'));
              de=$('#'+data).clone();
              de.css({'position':'absolute','top':0+'px','left':0+'px'}).appendTo($(this)); 
           };
       });
   });  
</script>

Для этого результата я использую drag drop api html5

эй спасибо большое !!! Я постараюсь изменить то, что у меня уже есть, и надеюсь, что это работает !!
@ user3582156 если вам действительно это нравится, вы можете отметить зеленым мой ответ, спасибо;)