创建jquery导航

时间:2015-04-19 17:09:32

标签: jquery

好的,我有一个带引导程序导航的文件,如下所示:

        <ul class="nav nav-pills  ">
            <li ><a href="<?php echo base_url();?>">Početna</a></li>
            <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Programiranje <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
     <li ><a href="<?php echo base_url();?>home/strana/programskijezici">Programski jezici</a></li>
    <li><a href="<?php echo base_url();?>home/baze_cms">Baze podataka & CMS</a></li>
    </ul>
  </li>
  <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
     E learning <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
     <li><a href="<?php echo base_url();?>home/php_tutorijali">PHP tutorijali</a></li>
<li><a href="<?php echo base_url();?>home/books">Knjige</a></li>
<li><a href="<?php echo base_url();?>home/comments">Pitanja & komentari</a></li>
    </ul>
  </li>

我试图在点击某个链接时添加一个类:

<script>
$("li").on( "click", function() {
  console.log(33333);
    $(this).addClass('active');
    });
</script>   

问题是链接刷新发生,没有添加类,因为页面再次加载。

1 个答案:

答案 0 :(得分:1)

根据您的问题,最好的方法是:

在PHP中选择“活动”菜单(将类应用于div)。

在php中检查你的网址。如果您使用的是codeignitor,请检查当前控制器,函数是否为xyz,如果是,则将“Active”类应用于xyz菜单。