Elementor响应式导航栏点击链接自动关闭问题求助

云上老周

2026-7-10

解决Elementor弹窗导航栏点击链接自动关闭问题

可能的问题与修复方案

1. 修复脚本执行时机问题

原脚本直接调用elementorProFrontend可能遇到模块未初始化的情况，改用Elementor官方的初始化钩子确保代码在正确时机执行：

jQuery(function($){
    // 等待Elementor前端模块完全加载
    $(window).on('elementor/frontend/init', function() {
        elementorFrontend.hooks.addAction('frontend/element_ready/global', function() {
            $(document).on('click', '.elementor-location-popup a', function(event) {
                // 若需阻止链接默认跳转，取消下方注释
                // event.preventDefault();
                
                // 获取当前激活的弹窗实例并关闭
                const activePopup = elementorProFrontend.modules.popup.getCurrentPopup();
                if (activePopup) {
                    activePopup.close();
                }
            });
        });
    });
});

2. 验证选择器准确性

确认弹窗内的链接容器确实带有.elementor-location-popup类，若选择器不匹配，替换为弹窗的专属ID（如#your-popup-id a）或更精准的类选择器。

3. 添加错误排查逻辑

加入错误捕获和日志输出，方便定位问题：

jQuery(function($){
    try {
        $(window).on('elementor/frontend/init', function() {
            if (typeof elementorProFrontend === 'undefined' || !elementorProFrontend.modules.popup) {
                console.error('Elementor Pro弹窗模块未加载');
                return;
            }
            $(document).on('click', '.elementor-location-popup a', function(event) {
                elementorProFrontend.modules.popup.getCurrentPopup()?.close();
            });
        });
    } catch (err) {
        console.error('弹窗关闭脚本执行出错:', err);
    }
});