javascript - TypeError : tn. add/removeClass 不是函数

Question

我想为我的网站制作一个“粘性”导航功能，当您向下滚动直到顶部的横幅消失时，导航栏会粘在顶部。

我创建了这个脚本:

var tn = ".topnav"
var tns = ".topnav-scrolled"
var kz = $('#kopfzeile').height();
console.log("tn: " + tn);
console.log("tns: " + tns);
$(window).scroll(function() {
  if ($(this).scrollTop() > kz) {
    tn.addClass(tns);
  } else {
    tn.removeClass(tns);
  }
});

错误是:

TypeError: tn.removeClass is not a function

还有

TypeError: tn.removeClass is not a function

Answer 1

您收到is not a function错误，因为tn只是一个字符串(选择器)，您无法调用removeClass()方法，你应该用 $() 将它包装成一个 jQuery 对象，应该是:

$(tn).addClass(tns);
//And
$(tn).removeClass(tns);