html活动加载,从外部HTML加载navbar并将当前锚类设置为活动

我想从外部HTML文件加载导航栏，并根据当前页面自动将锚点标签类设置为“活动”。从外部HTML加载navbar并将当前锚类设置为活动

下面的代码：

Main

.active {

background-color: green;

}

$(document).ready(loadAndSet());

function loadAndSet() {

loadBar();

setActive();

}

function loadBar() {

$('#bar').load('navigation.html');

}

function setActive() {

var aObjects = document.getElementById("bar").getElementsByTagName("a");

for (var i = 0; i < aObjects.length; i++) {

if (document.location.href.indexOf(aObjects[i].href) >= 0) {

aObjects[i].className = "active";

}

}

}

Content Title

Some content

而这里的navigation.html：

• Home
• Page 2

我在做什么错？

编辑：

新代码：

Main

.active {

background-color: green;

}

$(document).ready(loadBar());

function loadBar() {

$('#bar').load('navigation.html', setActive);

}

function setActive() {

$("#home").addClass("active");

}

Content Title

Some content

而且navigation.html：

• Home
• Page 2

导航栏甚至不加载...

2016-04-03

Sanac

+0

这是你在找什么：$(文件)。就绪(加载栏);只需传递函数loadBar，不要执行它。在你的代码中，你正在执行loadBar，然后你传递它的返回值，它是'未定义的'。 –