时间戳

首页 > 解决方案 > 如何将具有相同文件夹的图标显示到另一个页面（链接）

javascript - 如何将具有相同文件夹的图标显示到另一个页面（链接）

问题描述

我想问一下显示图标（图片）。路径 "img/icons" 中的图标。但是当我想在另一个页面中显示链接“xxx/xxx/xxx/xxx”时没有显示图标。该图标仅显示链接“xxx/xxx”。因为图标显示在 navbar.php 中。但是 navbar.php 包含在所有链接中。

如何用我的代码显示图标？或者你有另一个代码？

请帮助我

我正在使用带有 Bootstrap 的框架 Codeigniter。

这是我的代码

<?php 
$current_url = current_url();
?>
<div class="collapse navbar-collapse" id="nav-content">   
    <ul class="navbar-nav">
        <li class="nav-item">
            <a  class="nav-link <?=(site_url('/')==$current_url)?'clicks':''?>" href="<?php echo site_url('/') ?>"><img class="iconics" src=".\assets\img\icon\home-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('product')==$current_url)?'clicks':''?>" href="<?php echo site_url('product') ?>"><img class="icons" src=".\assets\img\icon\product-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link onclicks <?=(site_url('feed')==$current_url)?'clicks':''?>" href="<?php echo site_url('feed') ?>"><img class="icons" src=".\assets\img\icon\feed-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('confirm')==$current_url)?'clicks':''?>" href="<?php echo site_url('confirm') ?>"><img class="icons" src=".\assets\img\icon\payment-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('contact')==$current_url)?'clicks':''?>" href="<?php echo site_url('contact') ?>"><img class="icons" src=".\assets\img\icon\contact-icon.png" /></a>
        </li>
    </ul>
</div>

标签： javascriptphphtmlcodeigniterbootstrap-4

解决方案

正如红色建议的那样，使用绝对路径，例如：

<div class="collapse navbar-collapse" id="nav-content">   
    <ul class="navbar-nav">
        <li class="nav-item">
            <a  class="nav-link <?=(site_url('/')==$current_url)?'clicks':''?>" href="<?php echo site_url('/') ?>"><img class="iconics" src="<?php echo site_url('/') ?>assets\img\icon\home-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('product')==$current_url)?'clicks':''?>" href="<?php echo site_url('product') ?>"><img class="icons" src="<?php echo site_url('/') ?>assets\img\icon\product-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link onclicks <?=(site_url('feed')==$current_url)?'clicks':''?>" href="<?php echo site_url('feed') ?>"><img class="icons" src="<?php echo site_url('/') ?>assets\img\icon\feed-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('confirm')==$current_url)?'clicks':''?>" href="<?php echo site_url('confirm') ?>"><img class="icons" src="<?php echo site_url('/') ?>assets\img\icon\payment-icon.png" /></a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?=(site_url('contact')==$current_url)?'clicks':''?>" href="<?php echo site_url('contact') ?>"><img class="icons" src="<?php echo site_url('/') ?>assets\img\icon\contact-icon.png" /></a>
        </li>
    </ul>
</div>

原因在于您的代码，它将尝试查找与您当前 URL 相关的图标，这不适用于您的主页以外的 URL。

推荐阅读