JavaScript仅在控制台中工作

Question

我已经为滑块编写了一些代码，当我在控制台中执行该代码时，它可以工作，但是一旦将代码放入Avada（5.9）网站中，该代码就无法工作。

我试图添加一个10秒的setTimeout函数，所以我知道页面将被加载。但这也不能解决问题。我是Java语言的新手，所以我认为我可能会声明var错误，但无法弄清楚。

我也尝试了onLoad函数，但这也不起作用。

const eventHandler = () => CheckBase();
const eventHandler2 = () => CheckBase();

const arrowNav = document.querySelector('.wmpci-popup-body a.flex-next');
var circleNav = document.querySelectorAll('.wmpci-popup-body ol.flex-control-nav a'), i;


arrowNav.addEventListener('touchstart', eventHandler, false);
arrowNav.addEventListener('click', eventHandler, false);

for (i = 0; i < circleNav.length; ++i) {
circleNav[i].addEventListener('touchstart', eventHandler2, false);
circleNav[i].addEventListener('click', eventHandler2, false);
}

function CheckBase() {
  setTimeout(function(){
  var baseElement = document.querySelector(".wmpci-popup-body .flex-next.flex-disabled");
var close = document.querySelector(".wmpci-popup-close");
  if(baseElement) {
  close.setAttribute("style", "pointer-events:all; visibility:visible;");
  } else {
  close.setAttribute("style", "pointer-events:none; visibility:hidden;");
  }}
  , 500);
}