如何在WordPress中入队jQuery脚本？Avada子主题加载失败求助

嘿，我来帮你捋捋哪里出问题了！从你贴的代码来看，有两个关键问题大概率导致脚本没生效：

1. 脚本路径填写错误 #

你在wp_register_script里写的第二个参数是--hardcoded root--，这只是个占位符，WordPress根本找不到你的.js文件啊！

你需要用WordPress自带的函数来获取子主题的正确路径，假设你的.js文件放在子主题的js文件夹下，文件名是wpalert.js，那修改后的functions.php代码应该是这样：

add_action( 'wp_enqueue_scripts', 'wpalert' );
function wpalert() {
    // 替换成你实际的JS文件路径，比如子主题根目录下的js/wpalert.js
    $script_path = get_stylesheet_directory_uri() . '/js/wpalert.js';
    wp_register_script('wpalert', $script_path, array( 'jquery' ), null, true);
    wp_enqueue_script('wpalert');
}

2. WordPress的jQuery NoConflict模式问题 #

WordPress默认加载的jQuery是开启了NoConflict模式的，也就是说$这个别名不能直接用，得换成jQuery，或者在ready函数里把$作为参数传入。

修改你的.js文件，二选一就行：

// 方式1：直接用jQuery代替$
jQuery(document).ready(function(){
    alert("test");
});

// 方式2：把$作为参数传入函数，这样内部就能用$了
jQuery(document).ready(function($){
    alert("test");
});

额外检查步骤 #

• 确认你的.js文件确实放在了刚才指定的路径里，文件名和大小写都要完全匹配
• 打开浏览器开发者工具（按F12），切换到「网络」标签，刷新页面，看看你的wpalert.js有没有成功加载（如果显示404，那肯定是路径写错了）
• 看看「控制台」标签有没有报错信息，比如“jQuery is undefined”之类的（不过你已经把jquery设为依赖了，这种情况应该很少见）

内容的提问来源于stack exchange，提问作者JohnG