php - 如何在超链接 codeigniter 中应用类 "active"

Question

我将我的模板分为三个部分，包括页眉、页脚和内容。 主菜单链接在头文件中...所以我想将 CSS 类“active”应用于所选的超链接...我也编写了 jquery 代码:

<script type="text/javascript">

  $('#emp').click(function() {
    $(this).closest('li').addClass('active');
  });

</script>

此代码的问题是每当我单击链接时，它都会附加 CSS 类，然后将其删除。

Answer 1

whenever i click on the link it attaches the css class and then removes it...

addClass不会删除该类，您的页面似乎已重新加载。阻止事件的默认 Action :

$('#emp').click(function(eventObject) {
    eventObject.preventDefault();
    $(this).closest('li').addClass('active');
});

更新:

当您点击您的 <a> 时元素页面被重定向，你添加的类被删除，如果你想使用 JavaScript 添加类，你可以编写代码:

// relative
var path = document.location.pathname;
// absolute
var path = document.location.href;

$('#myMenu a').filter(function(){
    return this.href === path;
}).closest('li').addClass('active');

// Or:
$('#myMenu li').has('a[href='+path+']').addClass('active');