如何使用外部jQuery文件操作导入的HTML文件？

Question

我使用如下的jquery导入了html文件，

$（“。IncludeInThisDiv”）。load（“ ToBeImported.html”）;

我的ToBeImported.html文件如下所示，

现在，我想更改testDiv的背景色，例如说要输入main.html文件。 为此，我在项目中添加了一个名为main.js的js文件，并通过适当的方式将其包含在main.html文件中。 而且我已经编写了适当的jquery代码来更改主.js文件中testDiv的背景颜色，但这根本不起作用。

我认为这有一些问题。

注意：我可以使用相同的jQuery代码在浏览器控制台中操纵颜色。

Answer 1

可能是您在div的CSS完全加载之前就对其进行了更改。

使用完整的处理程序来调用load函数，如下所示：

$(".IncludeInThisDiv").load("ToBeImported.html", function() {
  $(".testDiv").css("background-color","red");
});