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

Question

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

Так, например, динамически вставленный HTMl имеет элемент 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's .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

Попробуйте это:

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

Answer 5

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

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

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

Answer 6

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

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

Answer 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
});