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中，但是再次无效。

我可能错路。从wordpress安装的基础，我在这里：wp-content/themes/kallyas/js/java.js

Answer 1

从header.php删除脚本加载，并从中删除任何jQuery加载。然后，您可以使用wp_enqueue_script在页脚中加载JS文件，并强制包含其他文件（在本例中为jQuery）dependencies。

添加到您的functions.php文件中：

add_action( 'wp_enqueue_scripts', 'enqueue_so_18552010' );

function enqueue_so_18552010()
{
    wp_enqueue_script( 
        'my-java', // Handle
        get_stylesheet_directory_uri() . '/js/java.js', // URL for child or parent themes
        array( 'jquery' ), // Dependencies
        false, // Version
        true // In footer
    );
}

PS：Don’t Dequeue WordPress’ jQuery如果您这样做，请使用Use Google Libraries正确执行。

Answer 2

将此添加到 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');

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

2 个答案: