如何在超链接codeigniter中应用“活动”类答案

【问题标题】：how to apply class "active" in hyperlink codeigniter如何在超链接codeigniter中应用“活动”类
【发布时间】：2013-03-02 09:22:53
【问题描述】：

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

<script type="text/javascript">

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

</script>

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

【问题讨论】：

你能用一个例子来准备 jsFiddle 吗？
@MarcinJuraszek jsfiddle.net/3K4TP 在这里查看

标签： php jquery css ajax codeigniter

【解决方案1】：

每当我单击链接时，它都会附加 css 类，然后将其删除...

addClass 没有删除该类，您的页面似乎已重新加载。阻止事件的默认动作：

$('#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');

【讨论】：

@mynameisjohn JavaScript 无法更改其他页面上的类，您应该使用 PHP 并在服务器端添加类。
@mynameisjohn 使用它的uri 类来查找当前页面url，然后将其设置为您的view。
...好吧，我使用了 uri 段并获取了特定的页面名称..现在下一步是什么..我也将它传递给视图...
@mynameisjohn 太好了，这取决于您的viwe 逻辑，我已经更新了答案，请尝试并告诉我结果。
thankkkkkkkkkkkkkkkkkkkkk youuuuuu ..它有效..你是天才

【解决方案2】：

我就是用这个方法解决这类问题

<?php $self= $_SERVER['PHP_SELF']; ?>

<ul class="dropdown dropdown-horizontal">

     <li <?php
     if (eregi("index", $self))
        echo "class=\"selected\"";
     ?>><a href="index" >HOME</a>
    </li>

    <li><img  style="height:28px" src="images/newsletter-divider.gif" alt="Divider"/></li>

     <li
     <?php
     if (eregi("logout", $self))
        echo "class=\"selected\"";
     ?>
     ><a href="logout">Logout</a>
    </li>
</ul>

【讨论】：