Пользовательский интерфейс jquery Сортируемое добавление изображения перетаскивания к элементу перетаскивания

Question

Пользовательский интерфейс jquery Сортируемое добавление изображения перетаскивания к элементу перетаскивания

0

Как добавить изображение перетаскивания в элемент перетаскивания во время перетаскивания?

Я использовал следующий код для выполнения операции

$('.selector').sortable({ 
  start: function( event, ui ) {
    $(ui.item).addClass('dragImage');
  }
 });

Класс добавляется к элементу перетаскивания, но изображение не применяется.

Это их способ сделать это

Vivek G.S 03 окт. 2013, в 16:09

Источник

0

вероятно, просто требуется время, чтобы загрузить изображение. Вы можете попытаться поместить туда скрытый элемент div, который при применении dragImage будет показан
Rooster 03 окт. 2013, в 14:15
0

Вы хотите вставить фактический элемент изображения в li при запуске, это то, что вы спрашиваете?
Joshua Robinson 03 окт. 2013, в 19:36

Теги:

jquery

jquery-ui

drag-and-drop

jquery-ui-sortable

jquery-ui-draggable

2 ответа

0

Петух: На самом деле я забыл упомянуть, что я использую таблицу и tr. все же я попытался добавить div с классом, который будет иметь фоновое изображение в css.

$(ui.item).append("<div class='dragImage'></div>");

Но не повезло.

Джошуа Робинсон: мне нужно добавить изображение поверх tr или установить фоновое изображение для объекта, который перетаскивается. Чтобы он покрыл элемент tr.

sugarcrm 04 окт. 2013, в 07:44

Ещё вопросы

вероятно, просто требуется время, чтобы загрузить изображение. Вы можете попытаться поместить туда скрытый элемент div, который при применении dragImage будет показан
Вы хотите вставить фактический элемент изображения в li при запуске, это то, что вы спрашиваете?

Vivek G.S · Accepted Answer · 2013-10-08T09-14-00.000Z

Мне повезло, добавив ниже код, который мне помогает

$('.selector').sortable({ 
  helper: function(e, tr) {
  var $helper = tr.clone();
  $($helper).addClass('dragRow');
 }
});

Это может быть полезно для других.