0

皆さん、今晩は、

ユーザーが対応するタブをクリックしたときに、各タブに異なる Facebook アルバムを表示する 3 つのタブ ウィンドウがあります。最初の（デフォルトの）タブは完全に機能します。ただし、2 番目のタブをクリックすると、黒い画面が表示されます。また、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>
4

1 に答える 1

0

これは、両方のタブのコンテンツが同じ ID を使用していることが原因である可能性がありますgalleria。それらをid="galleria1"およびに変更してから、各スクリプトを更新して、適切な div:およびid="galleria2"をターゲットにします。#galleria1#galleria2

于 2013-09-03T00:28:39.807 に答える