由于css的溢出属性,Jquery拖放工作不正常

时间:2013-04-12 11:36:12

标签: jquery css jquery-ui

我从Jquery Drag and Drop

下载了jquery插件

代码工作正常..但在我的设计中,我有可拖动项目的特定区域,所以我使用以下css设置区域: -

.overflow_test {
           width:500px;
          float:left;
          overflow:auto;
          height:200px;
}

现在这些项目可以在固定区域内滚动。但是当我从项目部分拖动项目时,它无法正常工作意味着功能有效,但项目没有显示..

这是我的演示demo

1 个答案:

答案 0 :(得分:0)

这是因为当使用拖放时,可拖动项目保持在相同的DOM位置(即在同一div内),只改变其位置。即使您删除溢出:自动设置,从技术上讲,拖动的项目将保留在原始DIV中。

您可以做的一些事情: 如果您不需要水平滚动条,则只能根据您的需要将overflow-y设置为auto并使overflow-x调整大小或隐藏来启用垂直滚动条。

如果您需要两个滚动条,您可以考虑在成功删除后将相应的可拖动项附加到droppable,将其从原始DIV中删除。