Làm điều gì đó SAU KHI trang đã tải hoàn toàn

Question

Tôi đang sử dụng một số mã nhúng chèn HTML vào trang động và vì tôi phải sửa đổi HTML được chèn động, tôi muốn có chức năng jquery để đợi cho đến khi trang tải xong, tôi đã thử delay nhưng dường như nó không hoạt động.

Vì vậy, ví dụ, HTML động chèn có một yếu tố div#abc

và tôi có jquery này:

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

cảnh báo không hiển thị.

Tôi đánh giá cao sự giúp đỡ nào

Cảm ơn

Answer 1

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

Nếu bạn phải đợi cho một khung nội tuyến (và không quan tâm đến tài sản, chỉ cần DOM) - thử điều này:

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

Answer 2

Hãy thử điều này:

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

Answer 3

Đó là mục đích của jQuery's .ready() sự kiện:

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

Mô tả: Chỉ định một chức năng để thực hiện khi DOM hoàn toàn nạp.

Answer 4

Sử dụng jQuery.ready là đủ. Hãy thử điều này

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

hoặc

$(function(){ 

}); 

đó là một phím tắt những người đầu tiên.

Answer 5

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

có thể đủ nhưng nếu không mã nhúng của bạn (có thể có) có thể cung cấp một số chức năng gọi lại mà bạn có thể sử dụng.

delay() chỉ nên được sử dụng để trì hoãn animations.