Javascript jQuery UI可通过引导布局拖动

Javascript jQuery UI可通过引导布局拖动,javascript,jquery,css,twitter-bootstrap,jquery-ui,Javascript,Jquery,Css,Twitter Bootstrap,Jquery Ui,jQuery可拖动元素位于引导样式列(col-*)下。例如,我有两个.row行,每个行分为4列(使用col-md-3)。我试图将第一行列拖放到第二行的可拖放列上 但当我拖动“drag#”元素时,它们总是位于“dropable”元素之下。我无法使用引导样式进行drop操作 有人能解释为什么会发生这种情况并提供解决方案吗 Bootply示例:似乎类.ui可拖动的拖动比其他类具有更低的'z-index'属性 添加如下内容: .ui可拖动的拖动{ z指数:10000!重要 } 以下是JSFIDLE的工

jQuery可拖动元素位于引导样式列(col-*)下。例如,我有两个
.row
行,每个行分为4列(使用
col-md-3
)。我试图将第一行列拖放到第二行的可拖放列上

但当我拖动“drag#”元素时,它们总是位于“dropable”元素之下。我无法使用引导样式进行drop操作

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


Bootply示例:

似乎类
.ui可拖动的拖动
比其他类具有更低的'z-index'属性

添加如下内容:

.ui可拖动的拖动{
z指数:10000!重要
}

以下是JSFIDLE的工作原理:


上面的代码将解决这个问题。当然,我的10000英镑价值&!重要的是,我们在这里只是向您展示解决方案。用起来不太好看!重要提示:每次,您都无法获得case的线索:)

是的,我尝试过这个,但一旦我在“可拖放”元素上放下句柄(不一定),可拖放元素就会消失。在您的示例中,如果将某个元素拖到可拖放位置,它会在拖放后消失。请检查此项-我已将另一个z索引添加到.ui可拖放选择器中。对于延迟回复,是的,它似乎工作正常。但我想知道发生这种情况的原因,或者是否有人不用使用就修复了它!重要的;。现在我接受了答案。谢天谢地,我猜是不是z指数以外的东西导致了这个问题?我可以在“拖动1”上拖动“拖动2”,但不能以其他方式拖动。与响应式UI CSS样式有关吗?