anythingSlide變化類

Question

我使用anythingSlide，我想一個額外的功能添加到它，

基本上在我想能夠改變一個CSS類的菜單項導航，

所以如果你點擊菜單項1，它也會使用addclass函數更改div的css類，點擊它可以移動滑塊並交換div類。

我仍然在學習jquery，但我還沒有想出來，我希望你們中的一個能幫助我。

Answer 1

目前尚不清楚你想要做什麼，但你可以添加一個回調來添加你想要的類。

如果您不知道，當前導航鏈接添加了「cur」類。你可以使用這個類來做你的額外樣式。

此代碼將添加 「當前」 類周邊的鏈接<li>：

$('#slider').anythingSlider({ 
    onSlideComplete : function(slider){ 
    slider.$nav // UL of the navigation list 
     .find('li').removeClass('current') 
     .find('.cur').parent().addClass('current'); 
    } 
}); 

所以你的HTML將是這個樣子：

<ul class="thumbNav"> <!-- this is the slider.$nav --> 
    <li class="first"> 
    <a href="#" class="panel1">1</a> 
    </li> 
    <li class="current"> <!-- this is the current panel --> 
    <a href="#" class="panel2 cur">2</a> 
    </li> 
    <li> 
    <a href="#" class="panel3">3</a> 
    </li> 
    <li> 
    <a href="#" class="panel4">4</a> 
    </li> 
    <li> 
    <a href="#" class="panel5">5</a> 
    </li> 
    <li class="last"> 
    <a href="#" class="panel6">6</a> 
    </li> 
</ul> 

---

更新：好吧，試試這個......這裏是一個demo

HTML

<div id="background" class="bg1"></div> 

腳本

$('#slider').anythingSlider({ 
    onSlideComplete: function(slider){ 
     // get text, or you could use index() 
     var bg = $.trim(slider.$nav.find('.cur').text()); 
     // replace entire class 
     $('#background').attr('class', 'bg' + bg); 
    } 
});