javascript - 将自定义 JavaScript 文件添加到 footer.php

Question

我想将这样的内容添加到 WordPress 页面:( fiddle )

var div = $('#move');
var upper = $('#up');
var downer = $('#down');

upper.click(function() {
    div.animate( { top: '-100'}, 500);
});
downer.click(function() {
    div.animate( { top: '0'}, 500);
});

我知道如何添加 div 和 CSS 以使它们全部正常工作，但我似乎无法弄清楚如何添加 JavaScript 以使两个 div(向上和向下)正常工作。我似乎也找不到有关将该代码添加到页脚的任何内容。据我了解，拥有此类功能的唯一方法是在页脚中添加代码。

我尝试了几种不同的解决方案，但似乎都不起作用。

文件的名称是java.js，我将函数存储在

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>wp-content/themes/kallyas/js/java.js"></script>

我把它放在 footer.php 中紧跟在结束 body 标签之后，但还是没用。

我可能走错了路。从 wordpress 安装的基础，我把它放在这里:wp-content/themes/kallyas/js/java.js

Answer 1

将此添加到您的 functions.php 文件:

//Ad our custom Jquery
function init_js_scripts() {
if (!is_admin()) {
    //Use Google to get JQuery libary...
    wp_register_script('jquery', ('http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'), false, '');
    wp_enqueue_script('jquery');

    // load a JS file to your theme: js/theme.js
    wp_enqueue_script('my_script', get_template_directory_uri() . '/js/myjavascript.js', array('jquery'), '1.0', true);

    }
}
add_action('init', 'init_js_scripts');