哪里有语法错误？

Question

我有一个问题。
最新FIDDLE
我看不到错误：

    $(document).ready(function() {   
    $(window).scroll(function () {
        if ($(this).scrollTop() > 30) {
            $(header).addClass("logo-two");
            $(header).removeClass("logo-one");
        } else {
            $(header).removeClass("logo-two");
        }
    });
});

Answer 1

标题不是您定义的变量。您需要在标题之前和之后放置引号以引用DOM元素。当您不包含这些引用时，jQuery需要引用已定义的变量。

以下是我要尝试的内容：

   $(document).ready(function() {   
    $(window).scroll(function () {
        if ($(this).scrollTop() > 30) {
            $('.logo').addClass("two");
            $('.logo').removeClass("one");
        } else {
            $('.logo').removeClass("two");
        }
       });
    });

或者，您可以将.logo定义为jQuery对象：

var logo = $('.logo');
$(window).scroll(function () {
        if ($(this).scrollTop() > 30) {
            $(logo).addClass("two");
            $(logo).removeClass("one");
        } else {
            $(logo).removeClass("two");
        }
       });
    });