使用 Bootstrap 4 在主活动选项卡错误中加载选项卡内容 - PHP

Posted 2023-03-05

【中文标题】使用 Bootstrap 4 在主活动选项卡错误中加载选项卡内容 - PHP

【英文标题】：Tab Content loading in main active tab error-PHP with Bootstrap 4

【发布时间】：2021-10-16 09:41:31

【问题描述】：

我创建了在您单击选项卡时加载内容的导航选项卡。但是在活动选项卡中，所有选项卡的内容都在加载。我已经包含了一个 php 文件来加载内容，但是当我删除 PHP 文件并放入正常内容时，它可以正常工作。

     <div class="nav-tabs-horizontal" data-plugin="tabs">
                <ul class="nav nav-tabs nav-tabs-line" role="tablist">
                  <li class="nav-item" role="presentation">
                    <a class="nav-link active" data-toggle="tab" href="#settingsTab"
                      aria-controls="settings" role="tab">Settings</a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" data-toggle="tab" href="#locationsTab"
                      aria-controls="locations" role="tab">Buisness </a>
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#taxTab"
                      aria-controls="tax" role="tab">Tax</a>
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#productsettingsTab"
                      aria-controls="product" role="tab">
                      Product </a>  
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#invoiceTab"
                    aria-controls="invoiceTab" role="tab">Invoice Settings
                    </a>
                    </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#emailTab"
                    aria-controls="emailTab" role="tab">Email Settings
                    </a>
                    </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#audit"
                  aria-controls="audit" role="tab">Audit</a>
                  </li>
                </ul>
                <div class="tab-content ">
                  <div class="tab-pane active" id="settingsTab" >
                  <?php include 'settings.php'; ?>
                  </div>
                  
                  <div class="tab-pane" id="locationsTab" >
                  <?php include 'locations.php'; ?>
                   </div>
                  <div class="tab-pane " id="taxTab" >
                  <?php include 'tax.php'; ?>
                  </div>
                  <div class="tab-pane " id="productsettingsTab" >
                  <?php include 'product.php'; ?>
                  </div>
                  <div class="tab-pane " id="invoiceTab" >
                  <?php include 'invoice.php'; ?>
                  </div>
                  <div class="tab-pane " id="emailTab" >
                  <?php include 'email.php'; ?>
                  </div>
                  <div class="tab-pane " id="audit" >
                  <?php include 'auditlogs.php'; ?>
                  </div>
                 
                
                </div>
              </div>

【问题讨论】：

需要更清晰的问题检查How to ask

您可以发布包含页面的内容吗？如果存在标记问题，那么它可能无法遵守，对吧？

@Amalnandan 嗨，谢谢您的关注。我添加了一张图片。

@ManishSoni 我尝试了不同的页面，方法是将它们包含在 php 标签中。问题仍然存在。

根据图片，您的问题有所不同。某些文件（引导程序或 jquery）未按正确顺序加载。打开控制台，如果看到任何错误，请检查错误。

【参考方案1】：

从屏幕上看，似乎很少有文件（引导程序或 jquery）没有加载。请纠正他们。