Возможно, вы можете мне помочь, я хотел бы создать один столбец с перетаскиваемыми (не клонированными) divs, которые я могу положить в контейнер, который состоит из четырех divs (bootstrap col-md-3). Перетаскиваемые элементы имеют два размера: col-md-3 или col-md-6. Я нашел что-то подобное (http://jsfiddle.net/py3DE/), но я не могу переписать его правильноэлементы перетаскивания с jQuery
$(".source .item").draggable({ revert: "invalid", appendTo: 'body', helper: 'clone',
start: function(ev, ui){ ui.helper.width($(this).width()); } // ensure helper width
});
$(".target .empty").droppable({ tolerance: 'pointer', hoverClass: 'highlight',
drop: function(ev, ui){
var item = ui.draggable;
if (!ui.draggable.closest('.empty').length) item = item.clone().draggable();// if item was dragged from the source list - clone it
this.innerHTML = ''; // clean the placeholder
item.css({ top: 0, left: 0 }).appendTo(this); // append item to placeholder
}
});
$(".target").on('click', '.closer', function(){
var item = $(this).closest('.item');
item.fadeTo(200, 0, function(){ item.remove(); })
});
большой, но как я могу sovle самозагрузки проблемы с шириной элемента? – jdoe