WordPress自定义jQuery交替点击弹窗脚本失效，提示jQuery未定义

开发者阿泽

2026-8-18

WordPress自定义jQuery脚本无效（jQuery未定义）解决方案

问题根源

控制台提示jquery is not defined，本质是你的自定义JS脚本加载顺序早于WordPress的jQuery库，哪怕放在footer.php也可能因为加载逻辑问题导致依赖缺失。

1. 用WordPress官方方法加载脚本（必做）

直接在主题的functions.php中添加以下代码，通过wp_enqueue_script管理脚本依赖，确保jQuery先于你的脚本加载：

function load_alternate_click_script() {
    wp_enqueue_script(
        'alternate-clicks',
        get_site_url() . '/alternateclicks.js',
        array('jquery'), // 声明依赖jQuery，WordPress会自动优先加载它
        false,
        true // 设为true，脚本将在footer加载
    );
}
add_action('wp_enqueue_scripts', 'load_alternate_click_script');

2. 验证文件路径

确认alternateclicks.js确实在public_html根目录，访问https://你的域名/alternateclicks.js能看到代码，说明路径无误。

3. 优化JS代码（可选）

简化逻辑并增加弹窗兼容性处理，避免浏览器拦截时出错：

jQuery(document).ready(function( $ ){
    let canClick = 2;
    $("body").click(function () {
        if (canClick % 2 === 0) {
            const popup = window.open("https://example.com/");
            if (popup) {
                popup.blur();
                window.focus();
            }
        }
        canClick++;
    });
});