通过 PHP 导航引导选项卡答案

【问题标题】：Navigating Bootstrap Tabs via PHP通过 PHP 导航引导选项卡
【发布时间】：2017-01-07 12:39:18
【问题描述】：

我在一个项目中使用 Bootstrap 'Tab' 并尝试通过 PHP 动态设置每个选项卡 <li class ="active"></li>。我已经成功地使课程“活跃”并显示了我希望可见的特定选项卡。

但问题是，即使选项卡和相应的选项卡面板在屏幕上正确显示，选项卡面板内的内容也会消失。如果我手动来回切换并尝试导航选项卡，我仍然可以看到内容仍然存在。

我在这里缺少什么？

下面是标签的 sn-p 代码：

    <li role="presentation" class="<? if(!empty($status2)) echo $status2; ?>">
        <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">
        <div class="cont2">
            <? if(!empty($block2)) echo $block2; ?>
        </div>
        </a>
     </li>

以及标签面板对应的代码：

       <div role="tabpanel" class="tab-pane if(!empty($status2)) echo $status2; ?>" id="tab2">
        <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
            <input type="text" id="txt2" name="txt2" placeholder="Sample text in Page 2">
            <input type="submit" id="send2" name="send2" value="ClickMe">
        </form> 
       </div>

【问题讨论】：

有点困惑。你在说这个吗？：<? if(!empty($block2)) echo $block2; ?>

标签： php twitter-bootstrap tabs

【解决方案1】：

看来你在这行有错误：

<div role="tabpanel" class="tab-pane if(!empty($status2)) echo $status2; ?>" id="tab2">

首先渲染面板没有出现，因为它没有适当的类。当您单击选项卡时，类集变为正确。

修正错误，它应该会顺利。

<div role="tabpanel" class="tab-pane <?php if(!empty($status2)) echo $status2; ?>" id="tab2">

【讨论】：