jquery - jQuery 选项卡中的多个 slickGrid

Question

我正在创建多个 slickGrid 并将它们放入 jQuery 选项卡中。第一个 jQuery 选项卡上的第一个 slickGrid 工作正常，但是当我切换到下一个选项卡时在调整标题大小并且列未与标题对齐之前，slickGrid 上的数据列不会显示。有什么办法可以解决这个问题吗？这是我的代码摘录:

<ul class="tabs">
     <li><a href="#tab_1">FADF Mono</a></li>
     <li><a href="#tab_2">BADF Mono</a></li>
     <li><a href="#tab_3">BADF Color</a></li>
</ul>
<div class="tab_container">
       <div id="tab_1" class="tab_content">
          <div id="slickGrid_1"></div>
       </div>
       <div id="tab_2" class="tab_content">
          <div id="slickGrid_2"></div>
       </div>
       <div id="tab_3" class="tab_content">
          <div id="slickGrid_3"></div>
       </div>
</div>

Answer 1

好的。好吧，我会尝试分解正在发生的事情以及为什么它不起作用。基本上可能发生的情况是，您在初始化 slickgrid 实例之前设置选项卡。了解这一点很重要，因为您的第二个和第三个选项卡本质上被赋予隐藏状态，因此您的 slickgrids 不会初始化。

尝试更改顺序并查看是否有效。如果没有，那么我建议将 slickfgrid 初始值设定项放入 document.ready 中，将选项卡初始值设定项放入 document.load 中。虽然有点 hacky，但效果很好。

希望这是有道理的。