1

カスタムモーダル（自分のバージョン）でブートストラップタブを使用しています。モーダルを最初に開いたときにクリックするとタブが開きますが、モーダルを 2 回目に開いたときには機能しなくなります。

タブの HTML コードは次のとおりです。

<div class="tabbable"> <!-- Only required for left/right tabs -->    
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>

私がやっていることは次のとおりです。

ページにボタンがあり、クリックするとモーダル (ライトボックスなど) が開き、タブが表示されます。

初めて開いたとき、タブは正常に機能しています。タブをクリックすると、それぞれのコンテンツが表示されます。ただし、閉じて再度開くと、タブが機能しません。タブをクリックすると、それぞれのデータが表示されません。

4

1 に答える 1

1

ここでは、ボタンがクリックされたときにDOMに要素を動的に追加していますが、CLOSEがクリックされたときに要素を削除していません。したがって、閉じるがクリックされた後に要素を削除することが解決策です。

于 2012-06-15T06:31:30.143 に答える