Question

大家晚上好，

我有一个3标签窗口，我希望每个标签在用户点击相应标签时显示不同的Facebook相册。第一个（和默认）选项卡完美运行。但是，当我单击第二个选项卡时，它只显示一个黑屏。似乎我放在tab2中的FB专辑ID覆盖了tab1的内容。欢迎任何帮助。提前谢谢。

这是HTML：

<div class="tab-content">

  <div class="tab-pane active" id="tab1">
    <div id="galleria">
    <script>
       Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
       Galleria.run('#galleria', {
            facebook: 'album:303814463041408',
            width: 458,
            height: 250,
            wait:true,
            lightbox: true});
     </script>
     </div>
   </div>

   <div class="tab-pane" id="tab2">
     <div id="galleria">
     <script>
        Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
        Galleria.run('#galleria', {
           facebook: 'album:323687541054100',
           width: 458,
           height: 250,
           wait:true,
           lightbox: true});
       </script>
       </div>
   </div>

   <div class="tab-pane" id="tab3">
      <p>tab3 tab3 tab3</p>
   </div>

</div>

Answer 1

这可能是因为两个标签的内容都使用相同的ID galleria。尝试将其更改为id="galleria1"和id="galleria2"，然后更新每个脚本以定位相应的div：#galleria1和#galleria2。

Bootstrap 3.0 - 在tabbable窗格中显示多个Facebook相册

1 个答案: