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

Question

我使用jquery导入了一个html文件，如下所示

$（＆＃34; .IncludeInThisDiv＆＃34）的负载。（＆＃34; ToBeImported.html＆＃34）;

我的ToBeImported.html文件如下所示

现在我想更改testDiv的背景颜色，该颜色是在main.html文件中导入的。为此，我在项目中添加了一个名为main.js的js文件，并以适当的方式将其包含在main.html文件中。我已经编写了正确的jquery代码来更改main .js文件中testDiv的背景颜色，但这根本不起作用。

我认为存在一些问题。

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

Answer 1

在你完全加载之前，你可能正在改变div的css。

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

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