2013-10-15 41 views
0

我使用jQuery內容面板切換https://code.google.com/p/jquery-content-panel-switcher/如何使Switcher Panel的鏈接反映'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

做了充分的論證你想通過點擊不同的面板來改變鏈接的顏色? –

+0

在載入時,我希望鏈接顯示哪個面板處於打開狀態,然後根據點擊哪個面板進行更改。 – RLeisinger

+1

使用內容面板切換器的更多代碼可以幫助我瞭解情況。 –

回答

1

在第一次頁面加載只是默認鏈接,負載可以明確地具有一定(CSS)類屬性綁定,然後在每個之後更改鏈接點擊事件鏈接的class屬性可以使用jQuery進行相應的更改。

首先刪除鏈接

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

的所有類的屬性然後添加特定的CSS類,使導航的背景顏色變化

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

這裏有JsFiddle