Javascript add class 不起作用 - Javascript add class not working

Javascript add class not working

本文关键字：不起作用 class add Javascript | 更新日期: 2023-09-27

嗨，有人知道为什么我的jQuery代码不起作用吗？它嵌入在joomla索引的底部.html文件

  $(window).load(function(){
        if ($(window).scrollTop() > 10) {
                $("#t3-mainnav").removeClass("arrowNav");
                $("#t3-mainnav").addClass("darken")
            } else {
                $("#t3-mainnav").removeClass("darken");
                $("#t3-mainnav").addClass("arrowNav");
            }
});

不过这似乎工作正常，

 $( document ).ready(function() {
        console.log( "document loaded" );
    });

尝试这样的事情：

$(document).ready(function(){
   $(window).scroll(function(){
      if ($(window).scrollTop() > 10) {
            $("#t3-mainnav").removeClass("arrowNav");
            $("#t3-mainnav").addClass("darken")
      } else {
            $("#t3-mainnav").removeClass("darken");
            $("#t3-mainnav").addClass("arrowNav");
      }
   })
});

$(function(){
  $(window).scroll(function(){
     if($(this).scrollTop()>=10){
                $("#t3-mainnav").removeClass("arrowNav");
                $("#t3-mainnav").addClass("darken")
            } else {
                $("#t3-mainnav").removeClass("darken");
                $("#t3-mainnav").addClass("arrowNav");
            }
    });
});

这似乎有效，伙计们，不知道为什么：S

谢谢亚历克斯和山姆