【问题标题】:How do I use the "active" class correctly in correlation with php如何正确使用与 php 相关的“活动”类
【发布时间】:2018-10-20 00:37:44
【问题描述】:

我在使用 php 来控制导航链接是否被赋予“活动”类时遇到了问题,具体取决于 $CURRENT_PAGE 变量的设置。

这是包含在每个网站页面文件中的navigation.php 文件。

 <div class="container mt-3">
        <ul class="nav nav-tabs">
          <li class="nav-item">
            <a class="nav-link <?php if ($CURRENT_PAGE == "Index") {?>active<?php }?>" href="index.php">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link <?php if ($CURRENT_PAGE == "About") {?>active<?php }?>" href="about.php">About Us</a>
          </li>
          <li class="nav-item">
            <a class="nav-link <?php if ($CURRENT_PAGE == "Contact") {?>active<?php }?>" href="contact.php">Contact</a>
          </li>
        </ul>
</div>

这是设置 $CURRENT_PAGE 变量的配置文件:

<?php
        switch ($_SERVER["SCRIPT_NAME"]) {
                case "/php-template/about.php":
                        $CURRENT_PAGE = "About"; 
                        $PAGE_TITLE = "About Us";
                        break;
                case "/php-template/contact.php":
                        $CURRENT_PAGE = "Contact"; 
                        $PAGE_TITLE = "Contact Us";
                        break;
                default:
                        $CURRENT_PAGE = "Index";
                        $PAGE_TITLE = "Welcome to my homepage!";
        }
?>

为了参考我的模板,我正在使用这篇文章中的源代码模板。 https://medium.com/@stevesohcot/sample-basic-php-template-for-file-structure-with-example-code-47ff6d610191

关于我遇到的问题,活动课程仅显示在主页链接上,即使我在其他页面(例如联系页面)上也是如此。当我将鼠标悬停在导航链接“关于”和“联系”上时,活动类会启动,但仅当我将鼠标悬停在“关于”和“联系”导航链接上时才会启动。也许这与我正在使用的引导类有关?

Example

【问题讨论】:

  • $CURRENT_PAGE 在哪里以及如何定义?而当前的问题是:他们都获得了活跃的班级还是没有?
  • @Jeff 我刚刚编辑了问题帖子以澄清您的观点。
  • 我已经检查了你的代码。好像没问题。你仍然面临问题吗?
  • var_dump($_SERVER["SCRIPT_NAME"] == "/php-template/about.php"); 执行此操作并检查输出
  • 我在哪里使用那行代码? @tphobe9312

标签: php html bootstrap-4


【解决方案1】:

只需从案例中删除 /php-template/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-03
    • 1970-01-01
    • 2013-11-11
    • 1970-01-01
    • 2016-05-30
    相关资源
    最近更新 更多