jquery UI可排序将拖动图像添加到拖动项目

时间:2013-10-03 13:13:05

标签: jquery jquery-ui drag-and-drop jquery-ui-sortable jquery-ui-draggable

如何在拖动过程中将拖动图像添加到拖动项目?

我使用以下代码进行操作

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

该类将附加到拖动项目,但图像未应用。

他们是否有办法做到这一点

2 个答案:

答案 0 :(得分:0)

公鸡:实际上我忘了提到我正在使用桌子和tr。我仍尝试将div添加到将在css中具有背景图像的类。

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

但没有运气。

Joshua Robinson:我需要在tr的顶部添加图像,或者为拖动的项目设置背景图像。所以它将涵盖tr项目。

答案 1 :(得分:0)

我通过添加以下对我有帮助的代码获得了运气

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

对其他人来说可能会有所帮助。