2014-12-24 74 views
3

jQuery可拖動的元素位於引導程序樣式的列(col- *)下。例如,我有兩個.row,每個分爲4列(與col-md-3)。我試圖將第一行的列拖放到第二行的可拖動列上。帶引導程序佈局的jQuery UI可拖動

但是當我拖動'Drag#'元素時,他們總是在'可丟棄'元素下面。我無法使用Bootstrap樣式進行拖放操作。

有人可以解釋爲什麼會發生這種情況並提供解決方案嗎?

Bootply Exmple:http://www.bootply.com/THBX5GJnCn

+0

我的猜測是,它的東西以外的Z索引導致這個問題?我可以在「拖動1」的頂部拖動「拖動2」,但不能以其他方式拖動。與響應式UI CSS樣式有關嗎? – CoderTR

回答

2

是好像類.ui-draggable-dragging具有較低`的z-index」屬性比別人

添加某物喜歡這裏:

.ui-draggable-dragging { z-index: 10000!important }

這裏的jsfiddle其中工程:http://www.bootply.com/P0Okde8ZmV

上面的代碼將解決問題。當然,我的10000值&!重要的是在這裏只是爲了向你展示你的解決方案。這不是很漂亮,每次使用!重要的,你不能得到的情況下的線索:)

+0

是的,我試過這個,但是一旦我放棄了'可丟棄'元素的句柄(不一定),可拖動元素就消失了。在你的例子中,如果你拖動一個元素來放置它,一旦你放下它就會消失。 – CoderTR

+0

檢查這一個http://www.bootply.com/ORKO1x7JNj - 我已經添加了另一個z-index到.ui-draggable選擇器 –

+0

你還有這個問題嗎? –