Javascript триггер для загрузки всех элементов

Question

у меня есть 2 внешней HTML-страница, загруженной этот код:

<div id="header-div"></div> 

<div id="footer-div"></div> 

мой файл JS содержит это:

$(function() { 
    $("#header-div").load("/AfekDent/header.html"); 
    $("#footer-div").load("/AfekDent/footer.html"); 
}); 

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

Это нормально, когда срабатывает триггер, когда все элементы будут загружены.

спасибо!

Answer 1

Добавить обратный звонок на звонок load().

$(function() { 
    $("#header-div").load("/AfekDent/header.html", function() { 
     console.log('My header was loaded!'); 
    }); 
}); 

Answer 2

Вы можете использовать функцию обратного вызова на #header-div, который будет выполнять код после загрузки весь заголовок.

$("#header-div").load("AfekDent/header.html", function() { 
    someFunction(); 
}); 

Однако, если вы хотите, чтобы выполнить код после определенного элемента нагрузки заголовка, попробовать что-то вроде:

$("#specific-element").on("load", function() { 
    someOtherFunction(); 
}); 

Если вы хотите узнать больше о разнице между load и on("load") , look at this question или прочитайте документацию jQuery для load и on().

Для простоты я бы рекомендовал выполнить код с $(document).ready(function() {yetAnotherFunction();});, но это зависит от вашего конкретного случая.