javascript - 如何在 Wordpress 中实现 javascript

Question

我在理解如何将 javascript 放入 wordpress 主题时遇到了一些麻烦。

1. 我知道我必须保存这个 javascript:

http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js

并将它放在服务器上“js”下的一个文件夹中，但是我该如何处理 javascript 函数？

 $(document).ready(function(){
                $('#contactButton').click(function(){
                    $('#contactDropDown').show("fast");
                    $('#contactDropDown').animate({height:'500px'}, 200);
                });

                $('#closeBox').click(function(){
                    $('#contactDropDown').hide("fast");
                    $('#contactDropDown').animate({height:'0px'}, 200);
                });
            });

我是否将其保存为不同的文档，但将其保存到同一个“js”文件夹？

1. 我需要放入主题的 functions.php 中的确切代码是什么？

我还创建了一个 fiddle 来加深理解:http://jsfiddle.net/ptemyw52/

(javascript 用于下拉联系人框)

Answer 1

您使用 WordPress wp_enqueue_script 函数告诉 WordPress 要加载什么。

它有内置的 jQuery，所以你可以告诉它:

wp_enqueue_script('jquery');

得到它。对于您自己的代码，将它放在某个文件中(例如 js/scripts.js)，然后告诉 WordPress 加载它:

wp_enqueue_script(
    'myscript',
     get_stylesheet_directory_uri() . '/js/scripts.js',
     array('jquery')
);

最后一个参数 array('jquery') 告诉 WP 你的脚本依赖于 jquery。