2013-07-31 28 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