在页面完全加载后执行某些操作

Question

我正在使用一些嵌入代码,动态地向页面插入HTML,因为我必须修改动态插入的HTML,我想要一个jquery函数等到页面加载,我试过delay但它似乎没有用.

因此,例如,动态插入的HTM1具有元素 div#abc

我有这个jquery:

if ( $('#abc')[0] ) { 
  alert("yes");
}

警报未显示.

我很感激任何帮助

谢谢

Answer 1

$(window).load(function () {
    ....
});

如果你必须等待iframe(并且不关心资产,只关心DOM) - 试试这个:

$(document).ready(function() { 
    $('iframe').load(function() { 
       // do something
    });
});

Answer 2

这就是jQuery.ready()事件的目的:

$(document).ready(function() {
    if ( $('#abc').length ) //If checking if the element exists, use .length
        alert("yes");
});

描述:指定DOM完全加载时要执行的函数.

Answer 3

使用jQuery.ready就足够了.试试这个

$(document).ready(function(){
   //your code here
});

要么

$(function(){

});

这是第一个的捷径.

Answer 4

该load()方法在 jQuery 1.8 版中已弃用，并在 3.0 版中删除。所以你必须使用 -

$(window).on('load', function() {
 // code here
});