javascript - div 存在或加载时更改内容

Question

我想在元素加载/可用时向元素添加一些东西。

<div class="main">
    <div class="dynamic">
     </div>
     <div class="dynamic">
     </div>
</div>

最初加载页面时，第一个动态元素已经可用。但是第二个是稍后由一些我无法更改的 javascript 加载的。

我像这样尝试过，但这不起作用：

$('.main').on('load/change', 'div.dynamic', function() {
    $(this).html("add something");
}):

既不加载第一个动态内容，也不加载第二个动态内容。

这可能是一项简单的任务，但我找不到答案。

我会很感激一些帮助。

score 0 · Accepted Answer

嘿伙计，您可以轻松使用此代码

<script>
$(document).ready(function() {
    $("div.dynamic").html("add something");
});

这对我来说可以。

score 0 · Accepted Answer

你可以做这样的事情......

setInterval(function() {
    if($('.main .dynamic').length>1)){
        $('.main .dynamic').html("add something");
    }
}, 150);

其中 150 是以毫秒为单位的轮询时间（它每 150 毫秒检查第二个动态 DIV）

但正如已经说过的那样，这并不理想，最好找到一种方法来访问 AJAX 事件并在可能的情况下将其附加到那里

2 回答 2