编写了隐藏小部件的功能，但是如果没有事件侦听器，则无法使其工作我需要它在页面完全加载时运行

问题描述

我安装了一个交叉销售和追加销售应用程序，该应用程序在产品页面的按钮上显示产品推荐。我正在创建一个全新的产品着陆页模板，我不想在该模板上显示此小部件。没有设置可以将其隐藏在特定的产品模板上，并且在我的主题上找不到应用程序代码，因此我猜它正在应用程序的后端运行。

无论如何，通过有用的Chrome开发人员工具，我看到了渲染的div的ID，因此我为其编写了以下函数：

const hide = () => {
  let x = document.getElementById("ac-recommendation-block").style.display = "none";
  console.log('Its working');
  
  // ac-recomendation-block is the div's ID.

现在，我需要它在页面完全加载时运行，最好是异步运行（小部件是异步的，因此加载需要一些时间）。我尝试使用window.onload，并且尝试设置超时没有任何运气。该脚本确实有效，因为如果我添加一个运行该功能的按钮，它将隐藏小部件，但是我希望它自动运行，以便在加载后立即将其隐藏（用户将不会看到它，因为它已加载至页面底部）。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）