0

ブートストラップのスクロールプシーを使用しています。

私がやろうとしていることの例を作りました：

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

すべて問題ありません。彼は各セクション ID に 1 つのアクティブなクラスを渡しliますが、各セクションのヘッダーの背景を変更したい

例えば：

もしも#studio background-color: #0915ff;
_#green background-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”);
  });
});
4

1 に答える 1

0

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')});
 });
于 2013-05-23T22:47:24.603 に答える