在站点导航栏中,我有一些逻辑来确定用户当前正在查看的页面,并为该菜单项提供.active
类。
我想出的代码确实有效,尽管感觉不是很优雅。你能想出一个更好的方法吗?我怎样才能将逻辑从视图中移到控制器中?我怎样才能停止重复自己?
控制器:
<?php
class Pages extends CI_Controller {
public function view ($page = 'home') {
if (!file_exists('application/views/pages/'.$page.'.php'))
show_404();
$data['active'] = $page;
$this->load->view('templates/header', $data);
$this->load->view('pages/'.$page, $data);
$this->load->view('templates/footer', $data);
}
}
?>
视图:
<ul class="nav">
<li class="<?php echo($active=='home')?'active':''; ?>"><a href="./">blog</a></li>
<li class="<?php echo($active=='about')?'active':''; ?>"><a href="about">about</a></li>
<li class="<?php echo($active=='projects')?'active':''; ?>"><a href="projects">projects</a></li>
<li class="<?php echo($active=='lab')?'active':''; ?>"><a href="lab">lab</a></li>
<li class="<?php echo($active=='contact')?'active':''; ?>"><a href="contact">contact</a></li>
</ul>
也许更优雅?
function is_active($item) {
return strpos(uri_string(), $item)!==FALSE ? 'active':'';
}
<li class="<?=is_active('blog')?>"><a href="./">blog</a></li>
这种方式取决于您的uri的复杂性。
您可以尝试使用CSS。例如,如果您在"about"页面上,则其正文标记为<body id="about">
。您的CSS:
#about .nav li.about, #contact .nav li.contact, /* etc */ { color: red; }
这意味着每个.nav-li都有一个与之相关的类名(在本例中为"about")。CSS文件中会有一些重复(尽管这只是在属性声明之前用逗号分隔所有li类名的问题),但视图会保持干净。