javascript - 如何使 Switcher Panel 的链接反射(reflect) 'show' 类？

Question

我正在使用 jQuery 内容面板切换器 https://code.google.com/p/jquery-content-panel-switcher/

通过添加“show”类，您可以确定加载时显示的内容/面板，但我如何才能将其反射(reflect)在选择内容/面板的链接中。

基本上，如果面板 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
    });    
  });

Answer 1

在第一次页面加载时，加载的默认链接可以显式绑定(bind)到某个 (css) 类属性，然后在每次点击事件中，可以使用 jQuery 相应地更改链接的类属性。

首先去掉链接的所有类属性

$('.nav_buttons a').removeClass('selected');

然后添加使导航背景颜色变化的具体css类

$(this).addClass('selected');

这是关于 JsFiddle 的完整演示