#javascript #jquery #html #css
#javascript #jquery #HTML #css
Вопрос:
у меня возникла проблема с тем, что div занимает все пространство при перетаскивании на другой div http://codepen.io/benasl/pen/qaJBPd?editors=0110 .
function dragStart(ev) {
ev.dataTransfer.effectAllowed='move';
ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
ev.dataTransfer.setDragImage(ev.target,100,100);
return true;
}
function dragEnter(ev) {
event.preventDefault();
return true;
}
function dragOver(ev) {
event.preventDefault();
}
$(document).ready(function(){
$("#block").on('dragover',function(ev){
$("#block").css({"border":"2px dashed black"});
$("#block").css("background", "#a3a3a3");
});
$("#block").on('dragleave',function(ev){
$("#block").css("border", "none");
$("#block").css("background", "#d1d1d1");
});
});
function dragDrop(ev) {
$("#block").css("border", "none");
var data = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
ev.stopPropagation();
return false;
}
Редактировать//////////////
Я нашел этот простой пример перетаскивания http://jsfiddle.net/wj4ak/5 / однако до сих пор не знаю, как сделать так, чтобы div заполнял родительский div при удалении.
Комментарии:
1. в чем проблема?
2. Мне нужно, чтобы синее поле занимало все пространство элемента #block и было того размера, который был в начале при перетаскивании из элемента #block .