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");
}):

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

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

我将不胜感激。

Answer 1

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

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

它适用于我。

Answer 2

你可以这样做......

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

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

但是如前所述，这并不理想，最好找到一种方法来访问AJAX事件并在可能的情况下将其附加到那里