基于URL或文件名使用PHP动态添加/移除DIV类
问题解决:根据当前页面动态切换Div类名
需求说明
- 在
index.php页面时,移除div的bg-gray类 - 在
computer-pc-repair.php页面时,为div添加bg-gray类
初始尝试(失败)
尝试用三元运算符实现,但无论是否在index.php页面,都会添加bg-gray类:
错误代码:
<div class="header-top-bar-info <?php echo ($_GET['page'] == 'computer-pc-repair.php')? '' : 'bg-gray'; ?> border-bottom d-none d-lg-block">
输出结果:
<div class="header-top-bar-info bg-gray border-bottom d-none d-lg-block">
最终可行方案
通过判断$_SERVER['REQUEST_URI']中是否包含index来实现需求,代码如下:
非index页面(添加bg-gray类)
<?php if (strpos($_SERVER['REQUEST_URI'], 'index') == false) { echo '<div class="header-top-bar-info bg-gray d-none d-lg-block"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="top-bar-wrap"> <div class="top-bar-left"> <div class="top-bar-text"><a href="#" class="font-medium display-inline">Now Hiring:</a> Are you a driven and motivated 1st Line IT Support Engineer?</div> </div> <div class="top-bar-right"> <ul class="top-bar-info"> <li class="info-item"> <a href="tel:01228899900" class="info-link"> <i class="info-icon fa fa-phone"></i> <span class="info-text"><strong>0122 8899900</strong></span> </a> </li> <li class="info-item"> <i class="info-icon fa fa-map-marker-alt"></i> <span class="info-text">58 Howard Street #2 San Francisco</span> </li> </ul> </div> </div> </div> </div> </div> </div>'; } ?>
index页面(移除bg-gray类)
<?php if (strpos($_SERVER['REQUEST_URI'], 'index') == true) { echo '<div class="header-top-bar-info border-bottom d-none d-lg-block"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="top-bar-wrap"> <div class="top-bar-left"> <div class="top-bar-text text-white"><a href="#" class="font-medium display-inline">Now Hiring:</a> Are you a driven and motivated 1st Line IT Support Engineer?</div> </div> <div class="top-bar-right"> <ul class="top-bar-info"> <li class="info-item"> <a href="tel:01228899900" class="info-link text-white"> <i class="info-icon fa fa-phone"></i> <span class="info-text"><strong>0122 8899900</strong></span> </a> </li> <li class="info-item text-white"> <i class="info-icon fa fa-map-marker-alt"></i> <span class="info-text">58 Howard Street #2 San Francisco</span> </li> </ul> </div> </div> </div> </div> </div> </div>'; } ?>
内容的提问来源于stack exchange,提问作者newbiewebdev
相关产品推荐
相关产品推荐

