jquery-ui - JQuery UI 可拖动,不能拖出 twitter Bootstrap 选项卡

标签 jquery-ui twitter-bootstrap draggable jquery-ui-draggable

我有一个 droppable在 twitter Bootstrap 选项卡之外。它在父行中(但我认为这不是问题)。我无法拖动我的draggabledroppable 的标签之外. draggable即使在更改 zIndex 后仍被限制在选项卡内.如果不是 zIndex比我不知道要说服什么。

这是我的问题的一个人为的 fiddle :fiddle

最佳答案

请注意,当您忽略盒子被切断的视觉效果时,会正确触发下降。所以,这只是一个显示问题:

可拖动框的父级,.tab-content , 设置为 overflow: auto ,它将元素隐藏在其边界之外并添加滚动条。改为overflow: visible它工作正常。

关于jquery-ui - JQuery UI 可拖动,不能拖出 twitter Bootstrap 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13306167/

相关文章:

jquery-ui - Blazor 可拖动/可调整大小的模态 Bootstrap 对话框

css - 为什么当我反复调用它的原始绘制函数时,这个 D3 图表不重绘?

html - 如何在 Bootstrap 中创建包含多列的导航栏下拉菜单?

jquery - 你在哪里放置 jquery 以实现平滑滚动?

javascript - 输入一些字符后如何做一个带有建议下拉的输入框

javascript - jQuery 用户界面 : Draggable and Droppable(not firing) within a table and its rows

javascript - 当我调整浏览器窗口大小时,我的图像在它们应该保持在一起时移动了

jquery下拉菜单定位

jQuery UI 微调器 onchange 返回旧值

jQuery UI 嵌套 droppables - 使draggable成为droppable