Question

大家好我有一个带ajax的面板管理员，我想点击标签a并加载页面，更改背景颜色活动标签a

HTML

<a id="BtnS1">
   <span class="glyphicon glyphicon-th">Dasboard</span>
</a>

js

$("#BtnS1").click(function(){
   $("#main").load("page/Dashboard.php");
});

Answer 1

点击后，您可以向active元素添加a类：

$("#BtnS1").click(function(){
   $(this).addClass("active");
   $("#main").load("page/Dashboard.php");
});

为这个班写一些CSS。

这是你需要的吗？

我的推荐：

顺便说一句，我强烈建议更改您执行菜单的方式。对于这个pourpuse，您应该使用class代替id。您可以在data元素中添加a属性，以便在点击菜单项时加载适当的网址：

<a class="linkOfMenu" data-url="Dashboard.php">
   <span class="glyphicon glyphicon-th"></span>
   Dashbord 
</a>

$(".linkOfMenu").click(function(){
   $(".linkOfMenu").removeClass("active");
   $(this).addClass("active");
   $("#main").load("page/" + $(this).data("url"));
});

通过这种方式，它更加简单和强大。： - ）

Answer 2

Create a css class active_a
<style>
    .active_a{
       background: green;
    }
 </style>

现在使用jquery

添加此类

     <a class="links" id="BtnS1">
        <span class="glyphicon glyphicon-th"></span>
        Dashbord 
    </a>
    <script>
       $(".links").click(function(){
           $(".links").removeClass("active_a");
           $(this).addClass("active_a");
           $("#main").load("page/Dashboard.php");
       }); 
    </script>

我如何利用ajax中的Active属性

2 个答案:

我的推荐：