在footer.php Wordpress中添加脚本jquery

    <?php
     ?>

                </div><!-- #main -->

        <footer id="colophon" class="site-footer" role="contentinfo">
                             <div id="top"></div>
                             <div id="mid"></div>
            <?php get_sidebar( 'footer' ); ?>
            <div class="site-info">
                <?php do_action( 'twentyfourteen_credits' ); ?>
                Codoban.com.All rights reserved
            </div><!-- .site-info -->
        </footer><!-- #colophon -->
    </div><!-- #page -->
    <?php wp_footer(); ?>
</body>
</html>

其他人建议将JS代码直接包含在footer.php中。我认为这不是最好的方法。

例如，在主题文件夹中创建一个js/main.js文件，并使用wp_enque_scripts函数和wp_engue_scripts挂钩将js文件排入队列。

您可以在主题文件夹的functions.php文件中添加以下内容（根据您的情况进行调整）：

函数my_scripts_method（）{wp_enque_script（'themeMain'，get_template_directory_uri（）。'/js/main.js'，array（'jquery'），null，true）；}

add_action（'wp_enque_scripts'，'my_scripts_method'）；

请注意，最后一个参数设置为true。这样，您的脚本将被加载到页脚中。

此外，jQuery脚本应该封装在jQuery中（function（$）{}）；或类似的方式来使用WordPress的noconflict。http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

编辑：根据Kaloyan Ivanov的建议添加了wp_enque_scripts钩子和js包装器。

只需在主体结束前添加此项

<script>
( "#top" ).click(function() {
  $( "#mid" ).slideDown( "slow", function() {
    // Animation complete.
  });
});
</script>

只需在footer.php文件中的任何位置添加脚本。请记住，您的浏览器在读取脚本之后的任何代码之前都会先读取脚本。例如，您可以在开头添加它：

    $( "#top" ).click(function() {
  $( "#mid" ).slideDown( "slow", function() {
    // Animation complete.
  });
});
</div><!--main -->