如何將一個類應用於單獨的元素時更改元素？

我需要一點點幫助。我想更改我的導航背景顏色 - 請參閱底部：http://momentum-demo.squarespace.com - 基於活動幻燈片。圖庫js將一組.sqs-active-slide分配給活動幻燈片。如何將一個類應用於單獨的元素時更改元素？

基本上是：

如果＃yui_3_17_2_1_1433961025758_314有類.sqs活性幻燈片，設置#headerWrapper的背景色，以#CCC

並再次每次運行幻燈片變化。

我很熟練jQuery和YUI，但沒有多少在這方面涉足了幾年。這一個讓我難住。提前致謝！

來源

2015-06-10 Trys

你讓超鏈接到問題中的代碼但沒有使用它，它僅在編輯時纔有效你的文章 – Luizgrs

你可以在計時器上運行的代碼片斷檢查並做出改變：

var check = $('#yui_3_17_2_1_1433961025758_314'), 
    menu = $('#headerWrapper'); 
window.setInterval(function(){ 
    menu.toggleClass('sqs-active-slide', check.hasClass('sqs-active-slide')); 
}, 1000); /runs every 1 second

最好的辦法是在綁到插件擁有event S：

var check = $('#yui_3_17_2_1_1433961025758_314'), 
    menu = $('#headerWrapper'); 

$(document).on('onSlideChange', function(){ //or whatever the event is. 
    menu.toggleClass('sqs-active-slide', check.hasClass('sqs-active-slide')); 
});

你CSS：

.classtochangeBG { background-color:#ccc; }

來源

2015-06-10 18:39:08

謝謝加里，這是超好玩！有兩件事情可能會或可能不會導致衝突：我的幻燈片設置每隔10秒更改一次，但用戶也可以單擊箭頭手動切換到下一張幻燈片。你覺得呢？這會是一個問題嗎？ – Trys

+1，除了我建議不要使用幻燈片的ID：根據我對Squarespace的經驗，這些可能會自動生成並會改變。如果有類，最好使用這些類，儘管如果這還不夠詳細，那麼也可能還需要將父元素處理到選擇器中。 –

啊對，開始yui_的ID通常會改變。 Blerg。這可能比它的價值更麻煩。我會繼續嘗試，感謝您的幫助！ – Trys

如何將一個類應用於單獨的元素時更改元素？

回答

相關問題