Question

我试图让这项工作工作很长时间，但我仍然遇到错误。

我正在localhost上开发一个新的Wordpress页面4.0版。我无法使jQuery和其他脚本工作。

我了解到，我必须在functions.php中包含脚本和样式。 Jquery已经注册，所以我只能将它排入队列。我还想为其他脚本添加一个额外的script.js文件。这是我的代码

function my_scripts_styles()
{
    wp_enqueue_script('jquery');

     /*   REGISTER ALL JS FOR SITE */
    wp_register_script('my_scripts', get_template_directory_uri() .  '/js/scripts.js');

    /*   REGISTER ALL CSS FOR SITE */
    wp_register_style('default',get_template_directory_uri() . '/css/style.css');


/*   CALL ALL CSS AND SCRIPTS FOR SITE */
    wp_enqueue_script('my_scripts');
    wp_enqueue_style('default');
}

add_action( 'wp_enqueue_scripts', 'my_scripts_styles' );

CSS正在运行，但我没有正确加载文件脚本或代码有问题。它包含以下测试代码：

jQuery(document).ready(function( $ ) {
    $('div').hide();
    console.log("FFFF");
});

但我收到了错误

未捕获TypeError：undefined不是函数（匿名函数）

我想这是因为兼容模式，但到目前为止我还没有发现我做错了什么。

Answer 1

你可以写

$(function() {
   $('div').hide();
   console.log("FFFF");
});

Answer 2

你不会相信。

jQuery(document).ready(function($) {
    $('div').hide();
    console.log("FFFF");
});

是一个正确的答案，只有你必须将这个脚本放在正确的文件中！对不起，大家好，我已经复制了另一个项目中的文件而我正在更改错误的文件。这非常愚蠢，但最终还是有效的！

Wordpress：脚本无法正常工作

2 个答案: