Wordpress：脚本无法正常工作答案

【问题标题】：Wordpress: Scripts are not working properlyWordpress：脚本无法正常工作
【发布时间】：2014-12-07 09:08:53
【问题描述】：

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

我正在本地主机上开发一个新的 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");
});

但我得到了错误

Uncaught TypeError: undefined is not a function（匿名函数）

我猜是兼容模式的原因，但目前我还没有发现我做错了什么。

【问题讨论】：

它的 $('div').hide();
错字，已更正，但结果相同。
或有时函数中的 $ ( $ )。检查浏览器控制台中的行号。

标签： jquery wordpress function include anonymous

【解决方案1】：

你可以写

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

【讨论】：

【解决方案2】：

你不会相信的。

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

是一个正确的答案，只有您必须将此脚本放在正确的文件中！！！！对不起，伙计们，我从另一个项目中复制了文件，我更改了错误的文件。这是非常愚蠢的，但它终于奏效了！

【讨论】：