Question

我正在使用Bootstrap＆＃39; Tab＆＃39;在项目上并尝试通过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 <?php if(!empty($status2)) echo $status2; ?>" id="tab2">

首先不显示渲染面板，因为它没有合适的类。单击选项卡时，类集正确。

修正错误，它应该顺利。

通过PHP导航Bootstrap选项卡

1 个答案: