3

我想在 WordPress 页面中添加这样的内容：（小提琴）

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>

我把它放在了结束 body 标记之后的 footer.php 中，但还是没有用。

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

4

2 回答 2

1

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

添加到您的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：不要让 WordPress 的 jQuery 出队，如果这样做，请使用 Use Google Libraries正确执行。

于 2013-08-31T20:28:24.193 回答
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');
于 2013-08-31T20:28:24.850 回答