jquery - Bootstrap 正在向 JQTree 添加冲突的样式

Question

第一张图片是我的 jqTree 在第一次加载页面时的样子:

当我关闭然后重新展开“USA”节点时，这就是它重新展开的内容:

在 Google Chrome 调试器中检查它时:

您可以看到，出于某种原因，overflow: hidden 已添加到元素的样式中!当我删除/禁用此元素样式时，树按预期工作，一切都很好。

我还确定，当我从 header 中删除 Bootstrap css 时，此错误将不再发生。

这里有人知道 bootstrap 为什么/何时/何地/如何添加这种样式吗？我在 chrome 中向元素添加了一个 DOM 断点(在属性更改时)，但样式实际上是在断点被击中之前设置的，所以这让我更加困惑......

此错误不会发生在 firefox 中。

请帮忙

Answer 1

那肯定是个奇怪的人。这个问题似乎完全是由于 jQTree 样式引起的，尽管它可能受到 Bootstrap 的默认 box-sizing 的影响。在任何情况下，将这些样式添加到您的样式表中

ul.jqtree-tree ul.jqtree_common {
    margin-left: 0;
    padding-left: 16px;
}

问题是，这些箭头是用 left: -1.5em 绝对定位的，这将它们放在父框之外。使用 overflow:hidden，它们不可见。

JQTree JavaScript 中的一些东西添加了 overflow 属性，可能是为了促进动画。