javascript - 带有选项卡的 Twitter Bootstrap Modal 默认为第一个选项卡

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

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