1

我在 jQuery 选项卡中有一个带有两个面板的手风琴。在此之后，我有一个 jqGrid 表。见下骨架：

<div id="tabs">
  <ul>
    <li><a href="#Tab-1">Tab1</a></li>
    <li><a href="#Tab-2">Tab2</a></li>
  </ul>
<div id="Tab-1">
    <div id="accordion">
        <div class="group">           
            <h3>Panel 1</h3>                   
                     <div>
                          // My stuff
                     </div>
        </div>
        <div class="group">           
            <h3>Panel 2</h3>                   
                     <div>
                          // My stuff
                     </div>
        </div>
    </div> <!-- end accordion -->
    <div id="jqGrid">
        @Html.Partial("../Grids/_MyjqGrid")
    </div>
</div> <!-- End First tab -->
<div id="Tab-2">
    // My stuff for tab-2
</div>
</div> <!-- end tabs -->

当我连续展开和折叠面板时，有时正在折叠的面板会消失，或者只是它的位置没有更新（刷新）。几秒钟后，当我将鼠标移到它上面时，它会刷新并且位置正确。结果，由于 jqGrid 位于下方，因此在我将鼠标移到上方后，其位置未正确更新（刷新）。发生了什么？

它只在 IE 7 中发生。在 IE 8、9 和 10 中完美运行。有任何想法吗？

我在用：

jquery-1.9.1.js jquery-ui-1.10.3.custom.css

4

0 回答 0