1

当设置了任何父容器 div时，JQuery UI Accordion 小部件不适用于 IE7 中较长的可滚动内容overflow:auto;。我尝试将 Accordion 的最里面的子 div 设置为，overflow:visible !important;但它没有用。在 IE8、IE9、IE9 兼容模式、Chrome、FF、Opera 和 Safari 中运行良好。

在 IE7 中测试这个小提琴。请务必明确设置 IE 以使用“浏览器模式：IE7”和“文档模式：IE7 标准”。

怎么修？

<div style="overflow:auto;">
  <div id="accordion" style="overflow:visible;float:right;height:400px;width:500px;border:2px solid red;float:right;">
    <h3>Section 1</h3>
    <div>
      <script type="text/javascript">
        for (var i=0; i<10; i++)
        {
        document.write("<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>");
        document.write("<ul>");
        document.write("<li>List item one</li>");
        document.write("<li>List item two</li>");
        document.write("<li>List item three</li>");
        document.write("</ul>");
        }
      </script>
        </div>
        <h3>Section 2</h3>
        <div>
          <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
      </div>
</div>
4

1 回答 1

1

所以事实证明这是当前版本的 jqueryui 手风琴中的一个错误。
请参阅此处的 jqueryui 错误报告。

于 2013-01-25T18:29:57.550 回答