jQuery UI可拖动拖动下面的绝对定位项目

时间:2011-12-04 22:37:26

标签: jquery css jquery-ui css-position jquery-ui-draggable

我正在构建一个使用jQuery UI的可拖动功能的jQuery接口。在大多数情况下,除非将对象拖动到具有绝对定位的元素上,否则这种方法非常有效。拖动的对象不会出现在绝对定位的项目上方,而是显示在下方。

您可以在此处找到此示例的小提琴:http://jsfiddle.net/spryno724/nTdrG/2/,或在此处下载项目的相关部分:http://box.com/webuploads

有人可以帮我解决这个问题吗?

感谢您的时间!

2 个答案:

答案 0 :(得分:1)

为您的样式添加z-index:

span {
    display: block;
    background-color: #0F0;
    width: 250px;
    z-index: 1;
}

答案 1 :(得分:0)

您还可以将z索引添加到可拖动帮助程序中,以便它在移动时保持“高于”页面上的所有其他内容。 http://api.jqueryui.com/draggable/#option-zIndex