使用document.arrive()时无法触发按钮点击事件，求解决方案

核心问题 #

你在document.arrive()回调里嵌套$(document).ready()完全是多余的——arrive的回调触发时，document.ready事件早就执行过了，后续绑定的ready回调不会再被触发，导致你的按钮点击代码根本没运行。

解决方案 #

方案1：移除多余的ready嵌套，直接执行点击

修改代码为：

document.arrive("something...", function(){
  // 先检查按钮是否存在，避免报错
  const targetBtn = document.getElementById('buttonId');
  if (targetBtn) {
    targetBtn.click();
  } else {
    console.log("目标按钮还未加载到DOM中");
  }
})

方案2：直接监听按钮元素的出现（更精准）

如果你的需求本质是按钮元素出现时就触发点击，可以直接把arrive的监听目标改成按钮本身，这样能确保按钮刚出现就执行点击：

document.arrive('#buttonId', function(){
  // 这里的this就是刚被检测到的按钮元素
  this.click();
})

方案3：若按钮点击是动态绑定的事件，用jQuery触发

如果按钮的点击事件是通过动态绑定（比如on('click', ...)），原生的.click()可能无法触发，可以改用jQuery的trigger方法：

document.arrive("something...", function(){
  const $targetBtn = $('#buttonId');
  if ($targetBtn.length) {
    $targetBtn.trigger('click');
  }
})

额外说明 #

• 确认document.arrive()的监听选择器"something..."是正确的，确保回调触发时，按钮元素已经被加载到DOM中；
• 如果按钮是在"something..."元素内部动态生成的，可能需要等待其子元素加载完成，此时可以给arrive加配置参数{ subtree: true }：

document.arrive("something...", { subtree: true }, function(){
  const targetBtn = document.getElementById('buttonId');
  targetBtn?.click();
})

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