2013-07-31 32 views
2

我想实现拖放之间下降2 div的jQueryUI的 - 拖放问题 - 拖动的元素去落后于其他的DOM元素

请参考我下面的小提琴: http://jsfiddle.net/sandeepkram/SAUCa/

这种布局的翻版我的应用程序。在小提琴中,你可以看到,如果你拖动第一个div内的元素(在左边),它会一直在该div内移动 - 尽管如果你只是将鼠标拖动到右边的div上,工作。

这里的问题是左侧div内元素的无限滚动/拖动。我不知道什么问题在这里 -

在我的应用程序中,我有另一个问题,因为当我从左侧div中拖出一个项目时,它会消失,但我可以将光标放在右侧div上并放下似乎工作正常。

需要帮助才能知道为什么拖动的元素正在消失。

我已经查了所有与此有关的问题和资源,sortovers等在stackoverflow和净 - 但没有用。

我也曾尝试使用“堆栈”选项,但是没有使用

$.each($("ul#secondaryKPIList ul > li"), function (index, tListItem) { 
     $(tListItem).addClass("SecondaryKPIDraggable"); 
     $(tListItem).draggable({ 
     revert : 'invalid', 
     stack: '.SecondaryKPIDraggable' 
     }); 
    }); 

回答

4

为了解决这个问题,视觉,你可以只取出溢改变

overflow-y: auto; 
overflow-x: hidden; 
在.KpisListItems它设置为以下小提琴

http://jsfiddle.net/GEWLs/2

这些规则与方式搞乱jQuery的排序手柄并计算定位,因此是奇怪的行为。

+0

谢谢:)这有助于解决问题在小提琴以及我的应用程序。 – Sandeep

-1

我的猜测是,那是因为你使用的“列表”标记。如果您尝试使用'divs'代替您的可拖动项目,我会下注它会按原样运行。

+0

好的,我会给出一个镜头,但是,由于代码中其他地方的特定需求/依赖性,使用了列表项。任何方式我可以得到它与当前的布局。 – Sandeep