用于加载所有元素的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之间的区别，或阅读load和on()的jQuery文档。

为简单起见，我建议使用$(document).ready(function() {yetAnotherFunction();});执行代码，但这取决于您的具体情况。