You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.15 15:54:05