Блог

Я пытаюсь добавить перенос перетаскиваемого изображения внутри <div> к редактируемому содержимому <div> . Моя проблема в том, что когда я делаю <div> перетаскиваемый элемент, он сохраняет заполнитель. Пространство зарезервировано, даже если я переместил объект, и я хочу это отключить. Как я могу это сделать?

Это мой код:

 var cont = $('<div/>').draggable().attr('contenteditable',false);
var img = $('<img/>').attr('src',file.url).attr('height','100px').attr('width','150px');

img.appendTo(cont);
cont.appendTo('#front');
img.resizable(); 
  

Для проверки этого потребуется еще немного кода (html), но навскидку я бы посоветовал попробовать одно из следующих:

1) попробуйте установить для свойства helper значение original: $('').draggable({helper:'original'}); 2) попробуйте установить для вашего перетаскиваемого элемента значение sortable с помощью, конечно, помощника в original: $('').sortable({helper:'original'});

Также я не вижу, где вы подключили свои зоны перетаскивания, используйте {connectWith: ‘.dropzone’} при запуске вашей системы.

Я хотел бы на самом деле попробовать это, прежде чем скажу вам, что делать, но это то, что я бы попробовал в первую очередь.