jQuery UI 可拖动与引导布局



jQuery draggable 元素位于引导样式列 (col-*) 下。例如,我有两个.row,每个分为 4 列(带 col-md-3 列)。我正在尝试将第一行列拖到第二行可放置列上。

但是当我拖动"拖动#"元素时,它们总是位于"可放置"元素下方。我无法使用引导样式进行删除。

有人可以解释为什么会发生这种情况并提供解决方案吗?

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

似乎类

.ui-draggable-dragging 的"z-index"属性比其他类低

像这里这样添加 sth:

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

这是有效的jsfiddle:http://www.bootply.com/P0Okde8ZmV

上面的代码将解决问题。当然,我的10000值和重要值在这里只是为了向您展示解决方案。每次都用!important不是那么漂亮,你无法得到案例:)的线索

最新更新