Jquery 在同一页面中多次使用Grid-A-Licious插件

我正在使用。当我在一个页面上工作并在该页面上调用该插件一次时，它工作得很好，但在我的设计中，我需要在3个选项卡中调用它，因此，需要在同一页面上调用它3次，但它没有按预期工作。它在第一个选项卡上运行良好，但在选项卡2和3上无法运行

我将它与引导选项卡一起使用，有3个选项卡，在选项卡内容中，然后分别调用Grid-A-licios三次，但它对我不起作用

如果有人答对了问题，一定要回答，否则我会尽快把它弄错的

---

我检查了一下，问题是Grid-A-Licious没有应用到那些隐藏在非活动选项卡中的元素

目前，我通过向所有选项卡添加.active类来管理它，它们默认设置为display:block，在ready.function中，我隐藏了第二个和第三个选项卡，这样，gridalicious将其样式应用于所有选项卡元素，并且工作正常

出现问题的原因是，隐藏了其他两个选项卡：默认情况下无，pluggin无法获取DOM元素

但是，如果我正在加载hude数据，或者从数据库中获取信息，但对于简短的静态内容来说，问题仍然存在

收到人们的邮件和Facebook消息，询问代码，我已经使用了我的解决方案，所以将其粘贴到这里。我设法做到了——但有一些问题，后来在我的项目中不需要它，所以放弃了这个选项卡式功能，所以它不是一个100%准确的解决方案

我想，您已经了解引导类了

 <ul class="tab-menubar">
      <li class="active" ><a role="tab"data-toggle="tab" href="#tab-search">Search</a></li>
      <li><a role="tab" data-toggle="tab" href="#tab-popular">Most Popular</a></li>
      <li><a role="tab" data-toggle="tab" href="#tab-fav">Favourites</a></li>
 </ul>

<div class="tab-pane active" id="tab-search">
   <div class="gridalacious-wrapper">
      <div class="item">
         <your HTML>
       </div>
   </div>
</div>
<div class="tab-pane active" id="tab-popular"></div>
<div class="tab-pane active" id="tab-fav"></div>

$(document).ready(function(){
    $('#tab-popular, #tab-fav').removeClass('active');
 });