Question

以下是我在CI应用程序中使用的模板机制

public function index($page = 'login')
    {

        $this->load->view('admin/header',array('page'=>$page));
        $this->load->view('admin/pages/'.$page,$this->data);
        $this->load->view('admin/footer');
    }

我需要在当前页面添加一个css类，因为我在header.php文件中使用了以下方法

1.将页面名称传递给标题视图

并在header.php中

    <li class="<?php if($page=='admin-home'):echo 'active'; endif; ?>"><a href="<?=base_url()?>home/index/admin-home">Home</a></li>
    <li class="<?php if($page=='all-users'):echo 'active'; endif; ?>"><a href="<?=base_url()?>home/index/admin-home">Users</a></li>

但我不是更好的方法是否有其他方法可以有效地做到这一点？

Answer 1

如果您的网址类似于[...] /菜单，[...] / home等，您可以使用简单的JQuery来使其工作，例如：

$(document).ready(function() {
     var urlParts = location.href.split('/');
     var urlWithoutLast =  urlParts.slice(0,4).join('/');
     $('a[href="'+urlWithoutLast+'"]').parents('li').addClass('active');
});

在codeigniter页面中动态添加css类

1 个答案: