頁面加載完成后如何在elementor中運行javascript代碼？

Question

所以我在 elementor pro 中使用“標簽”小部件。 我需要頁面在加載時在特定選項卡中開始。 我想我可以使用：

document.getElementById('tab-id').click();

但我需要這個 js 代碼在頁面完全加載后運行。 我嘗試使用“延遲”，但沒有奏效。

Answer 1

所以我搜索了一下，找到了這個解決方案：

<script defer="defer"  
type="text/javascript" >
inite=0;
 setInterval(function(){
     if (document.readyState == "complete" && inite == 0 )  {
      document.getElementById('elementor-tab-title-2082').click();
      inite++;
    }
 }, 500);
</script>

我通過簡單地將代碼添加到頁面末尾的“HTML”小部件來添加它。

因此，它的作用是每半秒運行一次腳本，以使用 document.readyState 檢查頁面是否已完全加載。

一旦頁面准備好 inite 變得非零並且標簽被點擊。

完美地工作..