如何在角度ui-router视图之间拖动对象

时间:2015-10-14 16:52:35

标签: angular-ui-router jquery-ui-draggable angular-dragdrop

您好我正在尝试在两个ui-router ui-view元素之间拖动一个对象

一个ui-view元素是主要的'canvas',另一个元素是右手窗格,其中包含一些或标记。

我使用angular-drag drop让对象可拖动。但是,当我尝试将东西拖到画布上时?它最终会在主画布后面而不是在它们之上。

我尝试调整z-index甚至尝试使用!important但是当我将它拖动到画布中时,它无助于显示拖动的对象。

下图显示了当我将图像拖到画布中间时的含义。它隐藏在画布div后面。

enter image description here

关于我如何纠正这个问题的任何建议?

1 个答案:

答案 0 :(得分:0)

我发现我的错误可以解决如下。

我添加了jquery ui选项:

{
  helper: 'clone', // creates a new object.
  appendTo: 'body' // assigns new object to be a child of a selector
}

您不能只使用appendTo,因为JQ UI文档会告诉您。你需要帮手。