javascript - jQuery 可排序溢出 : hidden; between two lists

标签 javascript jquery html css

我有两个列表,使用 jQuery sortable 我可以在它们之间移动元素。

$( '#productsList, #orderList' )
.sortable({connectWith: '.containerDiv'})
.disableSelection();

但是,当我想使用自定义滚动条并在两个列表上设置 overflow:hidden; 时,我遇到了问题。我希望它们与 max-height:400px 一起。 如果我将溢出设置为隐藏,我将它们拖到一个 div 之外后就看不到这些元素,如果我没有设置隐藏,则列表将具有默认滚动条。 谁能提出解决方案。

谢谢

最佳答案

如果您从列表中删除样式 position:relative 似乎可以按您希望的方式工作。

http://jsfiddle.net/cCDcQ/2/

编辑:

我原以为使用 appendTo 选项可以解决这个问题,我是对的。经过一些摆弄之后,我开始工作了。这样,您可以在需要时保留 position:relative

http://jsfiddle.net/cCDcQ/4/

关于javascript - jQuery 可排序溢出 : hidden; between two lists,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10772129/

相关文章:

javascript - 如何将模式表单的触发器从按钮更改为链接?

javascript - 函数的返回值未定义

javascript - .Remove() 删除所有 div 元素

jquery - 在 Twitter Bootstrap 导航栏中将所有元素对齐在一个水平行中

javascript - 如果 X = 宽度和 X = 高度,JS 图像检测不会为图像添加类

javascript - 这是用ajax处理发布变量的好方法吗

javascript - 如何结合js和bootstrap

html - 如何使图像从 CSS 响应

html - 如何使表格能够使用 Twitter Bootstrap 进行排序?

javascript - 每个函数都应该是一个闭包吗?