html - 如何在 Bootstrap 导航栏中动态设置事件类？

Question

我正在使用带有 codeigniter 作为后端的 Bootstrap 导航栏。

现在在我的应用程序中，我想将

类更改为对每个页面动态激活。

所以我可以知道我当前在哪个页面上。

下面是我的代码:

<ul class="nav navbar-nav">
      <li class="active"><a href="<?php echo site_url('admin/dashboard'); ?>">Dashboard</a></li>
        <li><a href="<?php echo site_url('admin/company');?>">Company</a></li>
        <li><a href="<?php echo site_url('admin/user');?>">Users Management</a></li>
        <li><a href="<?php echo site_url('admin/key');?>">Key Management</a></li>
        <li><a href="<?php echo site_url('admin/activation');?>">Activated Devices</a></li>

  </ul>
 <ul class="nav navbar-nav navbar-right">

Answer 1

您可以使用此 javascript 添加基于当前 url 的事件类，请尝试一下

<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('ul.nav a[href="'+ url +'"]').parent().addClass('active');
        $('ul.nav a').filter(function() {
             return this.href == url;
        }).parent().addClass('active');
    });
</script>