DEV Community: Johnskie-pogi

Reuse navbar & footer using jquery error

Johnskie-pogi — Tue, 14 Jul 2020 07:48:55 +0000

I was trying to reuse Navbar to all html page, so i try this code:

$(function(){
$('header').load('navbar.html');
});

And it was a success!

So i try to add navbar and footer at the same page then i try this:

$(function(){
$('header').load('navbar.html');
$('footer').load('footer.html');
});

But the only thing i see is the footer.

Can you help me to solve this?

I was trying to create my first project.

Johnskie-pogi — Sat, 11 Jul 2020 08:47:32 +0000

I try to use:

$(function(){ $('#navbar').load('../assets/html/navbar.html');
});

And it worked!, but for navbar only.

I also want to add footer so i try this:

$(function(){ $('#navbar').load('../assets/html/navbar.html');
$('#footer').load('../assets/html/footer.html');
});

But the only thing i see is the footer.

Can you please tell me what is the solution for this? Please...

Johnskie-pogi — Fri, 10 Jul 2020 03:48:19 +0000

I was trying to apply navbar to all html pages

Is there another way to apply navbar to all html pages without pasting the full navbar code to all html pages?