通过 PHP 导航引导选项卡

Question

我正在一个项目上使用Bootstrap 'Tab'，并尝试通过PHP动态设置每个选项卡<li class ="active"></li>。我已经成功地使类"活动"并显示我想要可见的特定选项卡。

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

我在这里错过了什么？

下面是选项卡的代码片段：

    <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>

Answer 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">