Question

我正在使用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
    });    
  });

Answer 1

在第一次加载页面时，加载的默认链接可以与某个（css）类属性显式绑定，然后在每次单击事件时，可以使用jQuery相应地更改链接的class属性。

首先删除链接的所有类属性

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

然后添加使导航背景颜色发生变化的特定css类

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

以下是JsFiddle

的完整演示

如何让Switcher Panel的链接反映'show'类？

1 个答案: