我使用 jQuery 中的 .load()
将页眉和页脚包含在单独的 html 文件中。我的 jQuery 代码如下:
$(function(){
$("#header").load("page-component/header.html");
$("#footer").load("page-component/footer.html");
});
现在,当我导航到另一个页面时,我想将一个 active
类添加到我的页眉/页脚链接之一,但我似乎无法实现。谁能帮帮我?
我试过类似的方法,但没有用:
$(document).ready(function(){
jQuery('#menu-about').addClass('active');
});
最佳答案
使用jQuery.load
的完成回调
方法。
.load( url [, data ] [, complete ] )
当你为元素调用addClass
方法时,元素
在DOM
中不存在,回调
函数是当外部
文件被加载
到指定的元素
$(function() {
$("#header").load("page-component/header.html", function() {
jQuery('#menu-about').addClass('active');
});
$("#footer").load("page-component/footer.html", function() {
jQuery('#menu-about').addClass('active');
});
});
关于javascript - 如何将类添加到通过 jquery 加载的 html 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39738519/