Как изменить цвет фона в заголовке с помощью scrollpsy для каждого идентификатора

Question

Я использую scrollpsy из начальной загрузки.

Я сделал пример того, что я пытаюсь сделать:

http://jsfiddle.net/te3V4/15/

Все хорошо, он пропускает один активный класс li в каждом разделе ID, но я хочу изменить фон в заголовке в каждом разделе

Например:

если #studiobackground-color: #0915ff;
если #greenbackground-color: 085606;

$(function() {
  var $spy = $('.nav');
  $spy.bind("activate", function(e) {
    //e.target is the current <li> element
    var header = $(e.target).find("a").attr("href");
        alert (header);
        $studio = $('#studio')
        $duplex = $('#duplex')
        $tower = $('#tower')
        If( $(header) == "#studio" ) window.alert( “ALERT ACTIVED”);
  });
});

Answer 1

Я не знаком с scrollspy, но я обновил вашу скрипку http://jsfiddle.net/te3V4/18/

В основном для каждого тега я добавил свойство "data-background", значение которого вы хотите получить. Я сбрасываю все цвета, когда он запускается, и назначаю правильный цвет, используя следующий код.

   var $spy = $('.nav');
        var first = $('a', '#navbar')[0];
        $(first).css({'background-color':$(first).data('background')});
  $spy.bind("activate", function(e) {

  $('a', '#navbar').css({'background-color':'inherit'});
var header = $(e.target).find("a");//.attr("hr");
  $(header).css({'background-color': header.data('background')});
 });