在加载了 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