Question

这可能是一个简单的问题，但我的Jquery根本无论我接下来的教程都不会对我的主题起作用。

我的js文件位于/js/jquery.js，里面的代码仅用于测试目的：

jQuery(document).ready(function($) {


$('#banner').hide();
});

我的functions.php文件与索引位于同一位置，而我所做的代码是：

    <?php
function add_my_script() {
    wp_enqueue_script(
        'jquery', // name your script so that you can attach other scripts and de-register, etc.
        get_template_directory_uri() . 'js/jquery.js', // this is the location of your script file
        array('jquery') // this array lists the scripts upon which your script depends
    );
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );
?>

没有任何反应......任何人都能纠正我的错误吗？这就是让我放弃使用wordpress的原因。

Answer 1

你需要在＆＃34; js＆＃34;之前得到一个斜线：

get_template_directory_uri() . '/js/jquery.js'

话虽如此，您可以在浏览器的开发者工具中使用网络监视器检查您的网站。它将显示正在获取的URL。或者只是查看开发人员工具的控制台。如果它无法获取您的jQuery文件，它可能会显示404错误。

Answer 2

wp_enqueue_script(
    'call this something else!', // name your script so that you can attach other scripts and de-register, etc.
    get_template_directory_uri() . '/js/jquery.js', // this is the location of your script file
    array('jquery') // this array lists the scripts upon which your script depends
);

你有一些拼写错误.....还可以通过chrome或firefox中的dev.console检查jquery是否可用（右键单击页面，单击inspect元素，然后再控制台）你将获得错误jquery未定义或类似。

也在您的前端页面上：

get_header();
get_footer();

你不使用头部标签，因为这些功能拉入头文件＆amp;页脚文件。没有get_header（）＆amp; get_footer - 你有问题：）

Jquery不会在wordpress中工作

2 个答案: