大家好,我有一个使用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"));
});
这样,它变得更加简单和强大。 :-)