javascript - 为什么 WordPress 中的排队脚本不起作用？

Question

我有一个使用包含以下内容的functions.php的Wordpress子主题:

    <?php
        add_action( 'wp_enqueue_scripts', 'load_custom_script' ); 
        function load_custom_script() { 
        wp_register_script( 'custom-script', get_template_directory_uri() . '/js/wpw-custom.js',   array('jquery'), '1.0', true ); 
        wp_enqueue_script( 'custom-script' );
      }
   ?>

在 jQuery 本身加载之后，在页脚中成功加载了我的自定义脚本。自定义脚本包含以下测试代码，让我知道排队过程是否有效:

$( document ).ready(function() {
alert( "ready!" );
});

我可以在我的页面上查看源代码并验证我的 wpw-custom.js 是否已成功加载，但它没有执行警报!

我做错了什么，或者我可以采取哪些步骤来有条不紊地找出我做错了什么？非常感谢您的帮助!

Answer 1

WordPress 中的 jQuery 在无冲突模式下运行，这意味着 jQuery 的全局 $ 快捷方式不可用。将您的代码替换为以下内容:

jQuery(document).ready(function($) {
    alert( 'ready!' );
});

在文档就绪包装器中，$ 可以用作 jQuery 的别名。