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

html

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


js

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

最佳答案

单击时可以将active类添加到a元素:

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


并为此类编写一些CSS。

这是您需要的吗?



我的建议:

顺便说一句,我强烈建议您更改执行菜单的方式。您应该使用class而不是id进行此注入。也许data元素内的a属性可以在您单击菜单项时加载适当的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"));
});


这样,它变得更加简单和强大。 :-)

09-25 22:27
查看更多