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 を追加して 2 つの div (上下) を正しく動作させる方法がわかりません。そのコードをフッターに追加しても何も見つからないようです。私が理解していることから、そのような機能を持つ唯一の方法は、コードをフッターに入れることです。

いくつかの異なる解決策を試しましたが、どれもうまくいかないようです。

ファイルの名前は java.js で、関数が格納されています

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

これを body タグの直後の footer.php に配置しましたが、やはり機能しませんでした。

パスが間違っている可能性があります。ワードプレスのインストールのベースから、ここにあります：wp-content/themes/kallyas/js/java.js