Javascript 如何在ajax中利用Active属性

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

html

---

单击时，您可以向

a

元素添加

active

类：

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

并为这个类编写一些CSS

这是你需要的吗

---

我的推荐： 顺便说一下，我强烈建议您更改执行菜单的方式。您应该使用

class

而不是

id

来进行此pourpuse。当您单击菜单项时，您的

a

元素中可能有一个

data

属性来加载相应的URL：

<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"));
});

达什博德
$（“.linkOfMenu”）。单击（函数（）{
$（.linkOfMenu”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
$（“#main”）.load（“page/”+$（this）.data（“url”）；
});

---

这样，它就更简单、更强大了。：-）

单击时，可以将

活动的
类添加到
元素中：

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

并为这个类编写一些CSS

这是你需要的吗


我的推荐：
顺便说一下，我强烈建议您更改执行菜单的方式。您应该使用
class
而不是
id
来进行此pourpuse。当您单击菜单项时，您的
a
元素中可能有一个
data
属性来加载相应的URL：

<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"));
});


达什博德
$（“.linkOfMenu”）。单击（函数（）{
$（.linkOfMenu”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
$（“#main”）.load（“page/”+$（this）.data（“url”）；
});

这样，它就更简单、更强大了。：-）
 
创建一个css类活动\u a
.主动的{
背景：绿色；
}

现在使用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>


达什博德
$（“.links”）。单击（函数（）{
$（“.links”）.removeClass（“active_a”）；
$（this.addClass（“active_a”）；
$（“#main”）.load（“page/Dashboard.php”）；
}); 
创建一个活动的css类
.主动的{
背景：绿色；
}

现在使用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>


达什博德
$（“.links”）。单击（函数（）{
$（“.links”）.removeClass（“active_a”）；
$（this.addClass（“active_a”）；
$（“#main”）.load（“page/Dashboard.php”）；
}); 
您可以为每个标记设置公共类，然后单击任意a标记时使用jquery removeClass从每个a标记中删除此类您可以为每个标记设置公共类，然后单击任意a标记时使用jquery removeClass从每个a标记中删除此类