jQuery 引导选项卡在自定义模式中不起作用(不是引导模式，而是我自己的版本）

jQuery bootstrap tabs not working in custom modal (not bootstrap modal but my own version)

本文关键字：模式 自己的 版本 我自己 不起作用 选项 自定义 jQuery      更新时间：2023-09-26

我在自定义模式（我自己的版本）上使用引导选项卡。选项卡在第一次打开模式时打开，但在第二次打开模式时不再工作。

这是选项卡的 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>

我正在做的是：

我的页面中有一个按钮，单击它时，将打开一个模式（如灯箱），其中包含选项卡。

第一次打开时，选项卡

工作正常;单击选项卡时，将显示相应的内容。但是当它关闭并再次打开时，选项卡不起作用;单击选项卡时，不会显示相应的数据。

在这里，我正在动态地将元素添加到DOM，当按钮单击时，但是当单击CLOSE时，我没有删除元素，因此，单击关闭后删除元素是解决方案。

相关文章：