Javascript 如何将具有相同文件夹的图标显示到另一页(链接)
我想询问有关显示图标(图片)的问题。图标仅位于路径“img/icons”中。但是当我想在另一个页面上显示链接“xxx/xxx/xxx/xxx”时,却没有显示图标。刚刚显示的带有链接“xxx/xxx”的图标。因为图标显示在navbar.php中。但是navbar.php包含在所有链接中 如何用我的代码显示图标?或者你有另一个密码 请帮帮我 我正在使用一个带引导的框架代码点火器 这是我的密码Javascript 如何将具有相同文件夹的图标显示到另一页(链接),javascript,php,html,codeigniter,bootstrap-4,Javascript,Php,Html,Codeigniter,Bootstrap 4,我想询问有关显示图标(图片)的问题。图标仅位于路径“img/icons”中。但是当我想在另一个页面上显示链接“xxx/xxx/xxx/xxx”时,却没有显示图标。刚刚显示的带有链接“xxx/xxx”的图标。因为图标显示在navbar.php中。但是navbar.php包含在所有链接中 如何用我的代码显示图标?或者你有另一个密码 请帮帮我 我正在使用一个带引导的框架代码点火器 这是我的密码 <?php $current_url = current_url(); ?> <div
<?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>
-
-
-
-
-
如红色所示,使用绝对路径,例如:
<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上不起作用。首先在config.php中设置基本URL,然后在控制器中设置
First set your base url in config.php then in your controller
retrieve the the base url.
function index (){
$data ['base'] = $this->config->item ('base_url');
$this->load->view ('your_view',$data);
}
So if your bootstrap is located
http://example.com/css/icons.css
In your view
<link rel="stylesheet" type="text/css" href="<?php echo
$base;?>css/icons.css">
Include that in whatever view do you have. In that case you can acccess your icons in whatever path your view is located
检索基本url的名称。
函数索引(){
$data['base']=$this->config->item('base_url');
$this->load->view('your_view',$data);
}
因此,如果您的引导程序位于
http://example.com/css/icons.css
在你看来
使用绝对路径