Codeigniter - 添加"活动"css类来链接,如何?

Kev*_*own 6 css php codeigniter

将"活动"类添加到链接的最快捷最简单的方法是什么,所以它可以设置样式?我正在开发CI中的应用程序,我想要一种快速简单的方法来自动执行此操作.

jQuery也是一个选项......

Tom*_*ick 13

您应该使用CodeIgniter URI类来代替$ _SERVER ['REQUEST_URI']

$这个 - > URI-> uri_string()


if ( $this->uri->uri_string() == '/contact' )
Run Code Online (Sandbox Code Playgroud)

由于codeigniter的路由功能可能会出现一些复杂性,因此^^是首选方法


zom*_*bat 6

取决于您如何输出链接HTML.

如果您正在使用URL Helper模块,那么您可以调用该anchor()函数来创建链接,并将一个属性数组作为第三个参数传递给它,即:

$this->load->helper('url');
echo anchor('url/path', 'Click here', array('class' => 'active'));
Run Code Online (Sandbox Code Playgroud)

如果您只是在模板/视图中手动输出HTML,显然您可以在HTML中自己创建class属性.


Gal*_*len 6

如果您有很多导航项目,可以这样做(非常简化)......

<ul>
<li<?= if ( $_SERVER['REQUEST_URI'] == '/contact' ): ?> id="active"<?php endif; ?>><a href="">contact</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

你必须根据自己的需要进行编辑......

如果您没有那么多导航项,则更简单的方法是为每个页面提供一个正文ID,然后使用css使其处于活动状态.

<style type="text/css">
body#contact #contact-nav { font-weight:bold; }
</style>

<body id="contact">

<ul id="navigation">
    <li id="contact-nav"><a href="">contact</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)