javascript - 如何使用外部 jQuery 文件操作导入的 HTML 文件?

标签 javascript jquery html css

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

$(".IncludeInThisDiv").load("ToBeImported.html");

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

enter image description here

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

我认为这有一些问题。

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

最佳答案

可能您在 div 完全加载之前更改了它的 css。

像这样使用完整的处理程序调用加载函数:

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

关于javascript - 如何使用外部 jQuery 文件操作导入的 HTML 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37772928/

相关文章:

javascript - 如何在javascript中将一个数组对象添加到另一个数组对象

jquery - 使用最少的标记和主题标签实现简单的 "scroll to/down"效果

html - CSS 菱形/三 Angular 形分隔线/边框

python - Sublime Text 语法高亮 Jinja2

javascript - 如果我清理所有输入,是否需要输出转义?

javascript - jQuery 使用igorescobar Jquery Mask 插件验证电话号码输入

jquery - 如何修复 Slider Pro 错误?

javascript - 使用ionic的angular js无限滚动问题

html - 如何在列表元素中获取 2 个 div 元素以使用页面上的可用宽度?

javascript - Typescript 类型检查不适用于我的装饰器