WordPress点击按钮触发搜索失效,Elementor弹窗场景如何解决
问题根因
- 事件绑定失效:Elementor搜索弹窗为动态渲染元素,页面初始加载时
#secondaryButton还未插入DOM结构,直接绑定click事件无法关联到后续生成的目标元素 - 加载顺序异常:若脚本加载时机早于jQuery或Elementor核心脚本加载完成,也会导致绑定逻辑无法正常执行
修复后的代码
jQuery(document).on('click', '#secondaryButton', function() { // 测试用alert,功能验证通过后可删除 alert("点击触发搜索"); jQuery("button.elementor-search-form__submit").click(); });
部署要求
- 优先通过Elementor Pro的页脚自定义JS区域添加代码,选择执行时机为DOM加载完成后,不推荐放在header.php中
- 部署完成后清空站点缓存、Elementor缓存和浏览器本地缓存后再测试
内容的提问来源于stack exchange,提问作者Mohd Wahed Ali
相关产品推荐
相关产品推荐

