2

使用包含选项卡的 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');
}

谢谢您的帮助。

4

2 回答 2

8

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

于 2012-12-06T18:33:52.827 回答
-1

简单的; 使用“活动”类在加载时显示特定选项卡。

如下所示：

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

删除上面 li 中的 class="tab-pane active" 选项卡导航和要使其处于活动状态的内容。

于 2015-02-20T18:23:28.943 回答