【问题标题】:jquery UI Sortable adding drag image to the drag itemjquery UI Sortable将拖动图像添加到拖动项
【发布时间】:2013-10-03 13:13:04
【问题描述】:

拖拽过程中如何将拖拽图片添加到拖拽项中?

我使用以下代码进行操作

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

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

他们是这样做的吗

【问题讨论】:

  • 它可能只是需要时间来下载图像。您可以尝试在其中放置一个隐藏的 div,当应用 dragImage 时会显示
  • 你想在开始的时候将一个实际的图像元素插入到 li 中,这是你的要求吗?

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


【解决方案1】:

Rooster:其实我忘了说我使用的是桌子和 tr。我仍然尝试通过将 div 附加到将在 css 中具有背景图像的类。

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

但没有运气。

Joshua Robinson:我需要在 tr 顶部添加图像或为正在拖动的项目设置背景图像。这样它就会覆盖 tr 项目。

【讨论】:

    【解决方案2】:

    我很幸运,添加了以下对我有帮助的代码

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

    这可能对其他人有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-12-30
      • 1970-01-01
      • 2020-07-21
      • 2013-11-27
      • 2011-05-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多