我使用引导程序3中的选项卡分隔网页上的相关信息。该代码是:引导程序3选项卡不工作
<div class="tab-content">
<div id="3users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>48.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">3</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">1GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="5users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>73.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">5</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">20</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">2GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="10users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>99.00<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">50</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">5GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
</div>
我不知道为什么,当页面加载和显示所有的div的一次。当其中一个选项卡被点击时,它开始只显示相关的div。
我不明白为什么第二个和第三个没有被隐藏在负载上。
我使用的是bootstrap-3.3.7.js
和jquery-1.11.3.min.js
,我正在使用最新版本的Dreamweaver。
感谢您的帮助