jquery切換類在切換sidenav

基本上，如果你看我的例子，你會看到你點擊一個鏈接，啓動切換，然後你可以點擊另一個鏈接，它會切換下一個面板。jquery切換類在切換sidenav

我的問題是，對於真實的事情，即時計劃使用一個精靈圖標，並且爲了減去背景位置到正確的位置，我需要一個「激活」類應用於鏈接激活的切換。我相信我在我的例子中看到了所有錯誤，因爲我只是將類應用到點擊鏈接。我不知道如何以我想要的方式來應用它，或者如果確實有可能的話。

我的代碼是：

http://jsfiddle.net/visualdecree/4A23Z/5/

來源

2012-09-05 Doidgey

我不太明白什麼是你要實現的目標。你想達到什麼目的，是什麼阻止你這樣做？哪些步驟需要重現此問題？ – Vap0r

更新的問題，以嘗試更好地解釋它，對此感到抱歉 – Doidgey

是否有任何答案接近解決你要找的東西？你的問題中有一個連字符（ - ），這裏有缺少的詞，它們是什麼？ – Vap0r

希望我理解這個問題？

http://jsfiddle.net/4A23Z/8/

我在樣式中突出顯示活動菜單項。添加代碼以在切換活動的LI之前刪除LI上的所有活動類。

ul.sidenav li.active { background:cyan; } 

$('.sn').click(function(){ 
    $('ul.sidenav li').removeClass('active');     
    $(this).stop(true,true).toggleClass("active"); 
});

編輯：

http://jsfiddle.net/4A23Z/10/

$('.sn').click(function(){ 
    $('ul.sidenav li').removeClass('active');      
    $(this).stop(true,true).addClass("active"); 
});

來源

2012-09-05 15:34:16 Lowkase

之後，活動班級在側欄中的活動鏈接上，這似乎對我有用，我缺少刪除班級部分。感謝這 – Doidgey

我注意到一件事，如果你點擊相同的鏈接關閉菜單，活動不會被刪除，有什麼我可以補充，以彌補這一點？ – Doidgey

是的，請參閱上面的編輯。 – Lowkase

如果我正確undertand你 - 試試這個jsfiddle（或活動類this定義）

$(".sn a").on('click',function(){ 
    var panID = $("#" + $(this).data('panel')); 
    $("div[id*='sn-pan-']").hide({slide:'toggle'}, 1000); 
    var link = this; 
    $(panID).css("left","100px").animate({width:'toggle'}, 500, function()      { 
     $(".sn a").removeClass("active"); 
     $(link).toggleClass("active"); 
    }) 
})

來源

2012-09-05 15:30:34

它似乎沒有太大的不同 – zeacuss

行爲 - 是的。但>基本上試圖在導航欄上的活動項目上獲得一個課程。點擊 –

jquery切換類在切換sidenav

回答

相關問題