Codeigniter - добавить “активный” класс CSS для соединения, как к?
Каков самый быстрый и самый легкий способ добавить "активный" класс к ссылке, таким образом, это может быть разработано? Я разрабатываю приложение в CI, и я хотел бы быстрый простой способ сделать это автоматически.
jQuery является опцией также...
3 ответа
Для этого нужно использовать класс URI CodeIgniter вместо $_SERVER['REQUEST_URI']
$this->uri->uri_string()
if ( $this->uri->uri_string() == '/contact' )
^^, что является предпочтительным в связи с некоторыми сложностями, которые могут возникнуть с функциями маршрутизации CodeIgniter
.Зависит от того, как вы выводите HTML ссылки.
Если вы используете модуль URL Helper, то вы можете вызвать функцию anchor() для создания ваших ссылок и передать ей массив атрибутов в качестве третьего параметра, т.е.:
$this->load->helper('url');
echo anchor('url/path', 'Click here', array('class' => 'active'));
Если вы просто выводите HTML вручную в ваших шаблонах/просмотрах, то очевидно, что вы можете просто создать атрибут класса самостоятельно в HTML.
.Если у вас много элементов навигации, вы можете сделать это таким образом (очень упрощённо)...
<ul>
<li<?= if ( $_SERVER['REQUEST_URI'] == '/contact' ): ?> id="active"<?php endif; ?>><a href="">contact</a></li>
</ul>
Вам придётся отредактировать это для ваших нужд...
Если у вас не так много элементов навигации, то проще дать каждой странице идентификатор тела, а затем использовать 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>