当类应用于单独的元素时，如何更改元素？

Question

我需要一点帮助。我想更改导航背景颜色 - 请参阅底部：http://momentum-demo.squarespace.com - 基于活动幻灯片。图库js将一类.sqs-active-slide分配给活动幻灯片。

基本上：

如果＃yui_3_17_2_1_1433961025758_314具有.sqs-active-slide类，请将#headerWrapper的背景颜色设置为#ccc

每次幻灯片更改时再次运行它。

我精通jQuery和YUI但是不必涉及它几年。这个让我难过。提前谢谢！

Answer 1

您可以在计时器上运行代码段来检查并进行更改：

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：

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; }