如何让这个jQary脚本正常工作?

时间:2015-08-17 作者:ezkay

我已经找过了,但我只是越来越糊涂了。

我想使用此脚本在向下滚动200px后显示菜单栏:https://redvinestudio.com/how-to-make-a-menu-fade-in-on-scroll-using-jquery/

我将CSS开关设置为自我解释-以放入自定义。css

然后我把这个放在functions.php (我使用的是儿童主题):

function add_latest_jquery() {
   if ( !is_admin() ) {
      wp_deregister_script(\'jquery\');
      wp_register_script(\'jquery\', \'http://code.jquery.com/jquery-latest.js\', false);
      wp_enqueue_script(\'jquery\');
   }
}
add_action(\'wp_print_scripts \', \'add_latest_jquery\');
我不确定这是否正确,因为!is_admin()

我只是不知道在哪里以及如何放置以下内容:

<script type="text/javascript">
(function($) {          
    $(document).ready(function(){                    
        $(window).scroll(function(){                          
            if ($(this).scrollTop() > 200) {
                $(\'#menu\').fadeIn(500);
            } else {
                $(\'#menu\').fadeOut(500);
            }
        });
    });
})(jQuery);
</script>
谢谢!

1 个回复
SO网友:ezkay

哦,好吧。。我想我解决了。

我把剧本放在header.php (我认为他们说的“进入循环”)就在洞口后面<header>-标签:

<body>
<header>
<script type="text/javascript">
(function($) {          
    $(document).ready(function(){                    
        $(window).scroll(function(){                          
            if ($(this).scrollTop() > 200) {
                $(\'#menu\').fadeIn(500);
            } else {
                $(\'#menu\').fadeOut(500);
            }
        });
    });
})(jQuery);
</script>

结束

相关推荐

未定义jQuery,但在源代码中加载了jQuery脚本

我是Wordpress的新手,我正在尝试在静态主页上使用JQuery。我遇到了臭名昭著的“未捕获引用错误:未定义JQuery”错误,尽管在页面源代码中加载了JQuery脚本。在我的主题功能中。php:function load_jquery() { wp_deregister_script(\'jquery\'); wp_register_script(\'jquery\', \'https://ajax.googleapis.com/ajax/libs/jq