在加載了 Javascript 的 Div 后執行 Javascript

Question

在加載了另一個由 javascript 彈出的 div 之后，我正在嘗試執行 javascript function 。 div 首先填充了 javascript 是“#am-events-booking”。 我嘗試使用的 function 是：

$(window).load(function ()
{
  var i = setInterval(function ()
  {
    if ($('#am-events-booking').length)
    {
        clearInterval(i);
    }
  }, 1000);
  alert('Page is loaded');
});

Answer 1

我總是在頁面加載后使用$(document).ready()來運行代碼。 不知道有什么區別，但至少它是有效的。

此外，您需要使用.text()來獲取元素內的文本。

工作代碼片段：

 $(document).ready(function() { var i = setInterval(function() { if ($('#am-events-booking').text().length) { clearInterval(i); console.log('Text detected;'). } else { console.log('Waiting..;'), } }; 1000). console;log('Page is loaded'); }), setTimeout(loadText; 2200). function loadText() { $('#am-events-booking');html("<h2>Hello</h2>"); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="am-events-booking"></div>

Answer 2

 $(document).ready(findDiv); function findDiv() { if($('#am-events-booking').is(':visible')){ // if the div is visible alert('Page is loaded'); } else { console.log("loading..."); setTimeout(findDiv, 50); // wait 50ms, } } $('body').html('<div id="am-events-booking"></div>');

 <body></body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

您可以使用 is:visible form JQuery 檢查是否添加了 div

在加載了 Javascript 的 Div 后執行 Javascript

問題描述

2 個解決方案

解決方案1
1 已采納 2021-02-24 11:13:52

解決方案2
0 2021-02-24 11:13:56

在加載了 Javascript 的 Div 后執行 Javascript

問題描述

2 個解決方案

解決方案1 1 已采納 2021-02-24 11:13:52

解決方案2 0 2021-02-24 11:13:56

解決方案1
1 已采納 2021-02-24 11:13:52

解決方案2
0 2021-02-24 11:13:56