Question

你们有任何想法为什么我的jQuery代码不起作用？它嵌入在joomla index.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" );
    });

Answer 1

尝试这样的事情：

$(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");
      }

   })
});

Answer 2

$(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

谢谢Alex和Sam

Javascript添加类不起作用

2 个答案: