1

JQuery UI アコーディオン ウィジェットは、親コンテナーの div がoverflow:auto;設定されている場合、IE7 の長いスクロール可能なコンテンツでは機能しません。アコーディオンの最も内側の子 div を に設定しようとしましoverflow:visible !important;たが、うまくいきませんでした。IE8、IE9、IE9 互換モード、Chrome、FF、Opera、Safari で正常に動作します。

このフィドルを IE7 でテストします。「ブラウザモード: IE7」および「ドキュメントモード: IE7 標準」を使用するように IE を明示的に設定してください。

直し方？

<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 に答える