3

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

在此处输入图像描述

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

在此处输入图像描述

在 Google Chrome 调试器中检查后：

在此处输入图像描述

你可以看到由于某种原因溢出：隐藏被添加到元素的样式中！当我删除/禁用此元素样式时，树按预期工作，一切都很好。

我还确定，当我从标题中删除引导 css 时，此错误不再发生。

这里有人知道为什么/何时/在哪里/如何引导程序添加这种风格吗？我在 chrome 中为元素添加了一个 DOM 断点（在属性更改时），但样式实际上是在断点被击中之前设置的，所以这让我更加困惑......

Firefox 中不会发生此错误。

请帮忙

4

1 回答 1

3

这肯定是一个奇怪的。这个问题似乎完全是由于 jQTree 样式造成的，尽管它可能会受到 Bootstrap 的 default 的影响box-sizing。无论如何，将这些样式添加到您的样式表中

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

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

JQTree JavaScript 中的某些内容添加了该overflow属性，可能是为了方便动画。

于 2014-03-06T22:51:16.953 回答