[英]Tabs - Content shown after clicking one of the tab (Bootstrap)
嗯,正如标题所述,我无法在选项卡中显示内容。
我正在做的是从MySQL表中获取数据并将其显示在选项卡中(已成功获取)。
我面临的问题是,页面加载完成后,我必须单击其中一个标签才能显示所有标签内容。
以下是标签的代码:
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#description" data-toggle="tab">Description</a>
</li>
<li>
<a href="#terms" data-toggle="tab">Terms and Conditions</a>
</li>
<li>
<a href="#returns" data-toggle="tab">Returns and Cancellation</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="description">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $descrip; ?>
</p>
</div>
<div class="tab-pane" id="terms">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $termsAndCond; ?>
</p>
</div>
<div class="tab-pane" id="returns">
<p class="lead text-justify" style="margin: 10px 5px;">
<?php echo $returnsAndCan; ?>
</p>
</div>
</div>
</div>
单击上面代码中的两个选项卡后,将显示数据。 我不知道我在哪里弄错了。 请帮助我纠正它。
先感谢您。
在通过设置<li class="active">
来将“ 描述”选项卡设置为活动的旁边,还必须将“ 描述”选项卡的内容设置为活动。 我想你忘了这样做。
将active
类添加到第一个tab-pane
,因此将其从<div class="tab-pane" id="description">
更改为<div class="tab-pane active" id="description">
。
有关Bootstraps标签组件的更多文档,请参见http://getbootstrap.com/javascript/#tabs 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.