Question

我有一个Wordpress childtheme使用的functions.php包含以下内容：

    <?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以noConflict模式运行，这意味着jQuery的全局$快捷方式不可用。用以下内容替换您的代码：

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

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

为什么wordpress中没有排队的脚本工作？

1 个答案: