javascript - DOM 准备好后检查元素是否存在

Question

我正在尝试检测 DOM 准备好后元素是否可见。该元素是第三方小部件，加载速度比页面慢。

我的“dom 准备就绪”的 console.log 正在触发 - 就像它应该的那样，但是我检查元素是否可见返回 false，因为元素在 dom 准备好后加载。​​

有没有办法在 dom 加载后监听元素？

<script>
    $(function(){
        console.log('dom ready');

        if($(element).is(':visible')){
            console.log('element is visible. do stuff.');
        }

    });
</script>

Answer 1

你可以从 iframe 或正在加载的文档中获取 id 并执行类似的操作..

$('#external').load(function(){
    //lets do something when is loaded
    if($(element).is(':visible')){
       console.log('element is visible. do stuff.');
    }
});

一旦该脚本、iframe 完成加载，就会触发