Question

使用包含选项卡的Bootstrap模式。模态是从php生成的图库名称表中调用的。

表格数据

<td>
<a href="#" class="galName" data-target="#myModal" data-toggle="modal" id="update_<?php echo $gal['id']; ?>" >
<?php echo $gal['name']; ?>
</a>
</td>

模式打开，初始火上选择第一个标签。如果我导航到另一个选项卡关闭模态并选择一个不同的库，模态将打开到最后一个打开的选项卡。

如何确保打开模态时，它始终会打开第一个标签？

模态标签

<ul id="myTab" class="nav nav-tabs">
  <li class="active">
       <a href="#home" data-toggle="tab">Home</a>
  </li>
  <li class="">
       <a id="uploadRevision" href="#upload" data-toggle="tab">Upload Revision</a>
  </li>
  <li class="">
       <a href="#editRev" data-toggle="tab">Edit Revision</a>
   </li>
 </ul>

.galName会触发initUpdate函数，以便将第一个选项卡设置为默认值。它设置选项卡但不显示选项卡内容。

function initUpdate()
{ 
  $('#myModal a:first').tab('show');
}

感谢您的帮助。

Answer 1

找到解决方案。必须从tab和tabContent中删除class =“active”。感谢@merv - https://stackoverflow.com/a/11762931/1214858

Answer 2

简单;使用class＆＃34; active＆＃34;在加载时显示特定标签。

如下所示：

<!-- Nav tabs -->
<!-- content tabs -->

删除class =＆＃34; tab-pane active＆＃34;在上面的li中，选项卡的导航和要激活的内容。

Twitter Bootstrap Modal w / tabs默认为第一个选项卡

2 个答案: