我正在使用jQuery内容面板切换器https://code.google.com/p/jquery-content-panel-switcher/
通过添加“show”类,您可以确定加载时显示的内容/面板,但如何在选择内容/面板的链接中反映出来。
基本上,如果显示面板1,则链接1应为红色。
我已经在点击
后使用它来更改链接 $(document).ready(function(){
$('.nav_buttons a').click(function(event){
$('.nav_buttons a').css({ 'background-color' : '' }); //clear past selections
$(this).css({ 'background-color' : 'red' }); //set new selection
});
});
答案 0 :(得分:1)
在第一次加载页面时,加载的默认链接可以与某个(css)类属性显式绑定,然后在每次单击事件时,可以使用jQuery相应地更改链接的class属性。
首先删除链接的所有类属性
$('.nav_buttons a').removeClass('selected');
然后添加使导航背景颜色发生变化的特定css类
$(this).addClass('selected');
以下是JsFiddle
的完整演示