【问题标题】:Add active class using php?使用 php 添加活动类?
【发布时间】:2018-01-30 10:54:56
【问题描述】:

我尝试在活动页面中添加活动类。 我创建了两个文件。第一个文件名是 csr 和 csr-policy 但第一个单词是相同的,这样显示两个页面同时处于活动状态。

<ul>
  <li><a href="csr.php" <? if(strpos($_SERVER['PHP_SELF'], 'csr')) {?> class="active" <? }?>>CSR</a></li>
  <li><a href="csr-policy.php" <? if(strpos($_SERVER['PHP_SELF'], 'csr-policy')) {?> class="active" <? }?>>CSR Policy</a></li>
</ul>

【问题讨论】:

  • 到目前为止您尝试过什么?分享代码
  • 请提供代码..
  • 您需要一些逻辑来检测活动页面(基于路由)并动态添加它。如果您不提供更多详细信息,例如(框架/无框架、URL 的管理方式等),我们将无法为您提供帮助。

标签: javascript php jquery


【解决方案1】:

我认为这是最简单的方法。 在要添加类的 HTML 中添加代码: 示例:

    <li class="<?php if ($add_class=="") {echo "active"; }?>"><a href="#">Home</a></li>

这是 PHP 脚本:

<?php 
$directoryURI = $_SERVER['REQUEST_URI'];
$path = parse_url($directoryURI, PHP_URL_PATH);
$components = explode('/', $path);
$add_class = $components[1];
?>

【讨论】:

    【解决方案2】:
    <ul>
      <li><a href="csr.php" <?php if(basename($_SERVER['PHP_SELF'])=="csr.php") {?> class="active" <?php }?>>CSR</a></li>
      <li><a href="csr-policy.php" <?php if(basename($_SERVER['PHP_SELF'])=="csr-policy.php") {?> class="active" <?php }?>>CSR Policy</a></li>
    </ul>
    

    这可能会有所帮助!

    【讨论】:

    • 那么你应该支持我的回答。 :) 可以吗?
    【解决方案3】:

    您可以使用扩展程序检查它:

    <li><a href="csr.php" <? if(strpos($_SERVER['PHP_SELF'], 'csr.php')) {?> class="active" <? }?>>CSR</a></li>
    <li><a href="csr-policy.php" <? if(strpos($_SERVER['PHP_SELF'], 'csr-policy.php')) {?> class="active" <? }?>>CSR Policy</a></li>
    </ul>
    

    还要注意strpos() 可能返回 0,这不等于 false。所以你必须检查严格相等strpos() !== false(在这种情况下似乎没有用,但总是很高兴知道)。

    【讨论】:

      【解决方案4】:

      试试这个。

      <ul>
        <li><a href="csr.php" <?php if(strpos($_SERVER['PHP_SELF'], 'csr') !== false) {?> class="active" <?php }?>>CSR</a></li>
        <li><a href="csr-policy.php" <?php if(strpos($_SERVER['PHP_SELF'], 'csr-policy') !== false) {?> class="active" <?php }?>>CSR Policy</a></li>
      </ul>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-11-04
        • 2018-05-02
        • 1970-01-01
        • 2018-02-13
        • 1970-01-01
        • 2017-11-18
        • 2017-11-26
        • 2014-02-23
        相关资源
        最近更新 更多