Question

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

我知道我必须保存这个javascript：

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

并将其放在＆＃34; js＆＃34;下的服务器上的文件夹中但是我如何处理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);
                });
            });

我是否将此文件保存为其他文档，但将其保存为相同的文件＆＃34; js＆＃34;文件夹？

我需要在主题的functions.php中输入什么样的代码？

我还创造了一个小小的理解：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。

Answer 2

Wordpress已经包含了JQuery。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

你必须确保它被某个地方所取代。如果JQuery没有在你的functions.php或你的head.php中运行，那么就像这样排队：

wp_enqueue_script('jquery');

Wordpress在无冲突模式下加载JQuery，因此bling（$）无法正常工作，您需要在jQuery中输入。实际上，您可以直接输入并通过文档传递它，如下所示：

<script>
jQuery(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);
     });
});
</script>

如果这是您拥有的唯一代码，您实际上可以将它添加到您的footer.php中。如果您最终拥有更多javascript，您可能希望将其设置为自己的文件并加入队列。

Answer 3

in：wp-content / themes / your-template / js你放了你的js文件。然后在文档的头部（它可能是标题，索引等）

<script src="<?php echo get_template_directory_uri(); ?>/js/your.js"></script>

如何将JavaScript实现到Wordpress中

3 个答案: