Question

我有一个用PHP创建的页面。此页面包含一个菜单选项卡，其中包含名为Dash，Project的选项卡。“破折号”选项卡由显示其中一些数据的表组成。该场景就像我在破折号选项卡中单击表格中的任何一行时一样导航到项目选项卡，其中包含简单的表单和来自破折号选项卡的数据填充到项目选项卡中的表单。但我的问题是它保留在同一选项卡上，这是Dash.I希望在单击表格后破折号必须显示项目选项卡，但它显示了Dash选项卡内容。我猜它保持活动状态，这就是它发生的原因。

<div class="tabbable">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#dash" data-toggle="tab">Dash</a>
        </li>
        <li class="">
            <a href="#projects" data-toggle="tab">Projects</a>
        </li>
    </ul>
    <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
        <div class="tab-pane active" id="dash">
            <?php include "dash.php"; ?>
        </div>
        <div class="tab-pane" id="projects">
            <?php include "project.php"; ?>
        </div>
    </div>
</div>

用于导航的“破折号”选项卡的代码如下：

<tr>
    <td>
        <a href="#" data-bind="attr:{value:id,title:projname,href:root+'projects/project/'+id},text:projname">
    </td>
    <td data-bind="text:enddate"></td>
    <td data-bind="text:status"></td>
</tr>

Answer 1

尝试类似下面的内容。

$('#tabbable').tabs('select', $('#projects'));
$('#tabbable').tabs('select', $('#dash'));

从一个选项卡导航到另一个选项卡

1 个答案: