javascript - jQueryエラー:SyntaxError:欠落:プロパティIDの後

Question

ページに jQuery があり、エラーが発生し続けます。

SyntaxError: missing : after property id

このコードでは。

    $(document).scroll(function(){
        var t1 = $("#main-page").offset().top;
        if($(this).scrollTop() >= t1) {   
        $('#menu-item-70').css({"background-color: #fff"});
        }
    });

Firebug は、次の行にあると言っています。$('#menu-item-70').css({"background-color: #fff"});

なぜこのエラーが発生するのかわかりません。

何か案は？

ありがとう！

Answer 1

変化する：

$('#menu-item-70').css({"background-color: #fff"});

に：

$('#menu-item-70').css({"background-color": "#fff"});

また、スクロールイベントが何度も発生することに注意してください。

.white-bg { background-color: #fff }

var timeout = '',
    offset = $("#main-page").offset().top,
    $elem = $('#menu-item-70');

$(window).scroll(function(){
    clearTimeout(timeout);
    var top = $(this).scrollTop();
    timeout = setTimout(function(){
       $elem.toggleClass('white-bg', top >= offset);
    }, 100);
});

Answer 2

CSS オブジェクトを間違って作成しました:

    $('#menu-item-70').css({"background-color": "#fff"});

Answer 3

css() を間違って使用していました。

変更してみてください:

$('#menu-item-70').css({"background-color: #fff"});

に：

$('#menu-item-70').css({"background-color": "#fff"});

したがって、完全なコードは次のようになります。

 $(document).scroll(function(){
     var t1 = $("#main-page").offset().top;
     if($(this).scrollTop() >= t1) {   
        $('#menu-item-70').css({"background-color": "#fff"});
     }
 });