Сделайте что-то ПОСЛЕ загрузки страницы

Я использую некоторые встраивающие коды, которые динамически вставляют HTML на страницу, и поскольку мне нужно изменить этот динамически вставленный HTML, я хочу, чтобы функция jquery дождалась загрузки страницы, я попробовал delay, но это не кажется работать.

Так, например, динамически вставленный HTMl имеет элемент div#abc

Ответы

Ответ 1

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

Если вам нужно ждать iframe (и не заботятся об активах, просто DOM) - попробуйте следующее:

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

Ответ 2

Это цель jQuery .ready():

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

Описание: укажите функцию для выполнения, когда DOM полностью загружен.

Ответ 3

Использование jQuery.ready должно быть достаточно. Попробуй это

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

или же

$(function(){

});

который является ярлыком первого.

Ответ 4

Попробуйте следующее:

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

Ответ 5

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

может быть достаточно, но в противном случае ваш внедренный код (что когда-либо может быть) может предоставить некоторые функции обратного вызова, которые вы можете использовать.

delay() следует использовать только для задержки анимации.

Ответ 6

Метод load() устарел в jQuery версии 1.8 и удален в версии 3.0. Поэтому вы должны использовать -

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

Ответ 7

Как правило, для обработки моего JQuery до или после загрузки страницы, используйте:

jQuery(function($){
    // use jQuery code here with $ formatting
    // executes BEFORE page finishes loading
});

jQuery(document).ready(function($){
    // use jQuery code here with $ formatting
    // executes AFTER page finishes loading
});

Ответ 8

Сделайте sue, вы связываете событие с dom load, чтобы оно было там при вызове триггера. Вот как ты это делаешь. Надеюсь, это поможет кому-нибудь когда-нибудь

$(window).bind("load", function() { 
   //enter code here
   $("#dropdow-id").trigger('change');
});'