Bootstrap 3.0-在选项卡窗格中显示多个Facebook相册

各位晚上好,

我有一个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>

Galleria.loadTheme（'js/Galleria/themes/classic/Galleria.classic.min.js'）；
Galleria.run（“#Galleria”{
facebook：“专辑：303814463041408”，
宽度：458，
身高：250，
等等：是的，
lightbox:true}）；
Galleria.loadTheme（'js/Galleria/themes/classic/Galleria.classic.min.js'）；
Galleria.run（“#Galleria”{
facebook：“专辑：323687541054100”，
宽度：458，
身高：250，
等等：是的，
lightbox:true}）；
表3表3表3表3

这可能是因为两个选项卡的内容使用相同的ID

galleria

。尝试将它们更改为

id=“galleria1”

和

id=“galleria2”

，然后更新每个脚本以针对适当的div:

#galleria1

和

#galleria2