Menu icon Foundation

My Posts

No Content

My Comments

Jacob Pope commented on Chris's post about 5 years

Apologies, I should have taken a closer look.

In the Chrome Dev Tools, I'm showing 2 Javascript related errors. It looks like you are loading Topbar.js in the head, while Jquery and the Foundation.min.js is being loaded later in the body. This is creating a dependancy problem, so to fix it you simply need to move topbar.js after foundation.min.js, either by moving it to the body, or moving jquery and foundation up to the head.

Cheers!

Jacob Pope commented on Chris's post about 5 years

Just a little syntax error, you are missing an anchor tag in your href on WORK WITH ME:

Currently:

<a href>WORK WITH ME</a>

Try this:

<a href="#">WORK WITH ME</a>

Jacob Pope commented on Shmoo's post about 5 years

Try this bit of jQuery, where .tabclass is your tab class name:

 $( ".tabclass" ).click(function() {
  $( this ).toggleClass( "active" );
});

Jacob Pope commented on Nicole's post about 5 years

<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>

Should be

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>

If you are loading each component by itself. Otherwise, just use the min.js.

You will also need to initialize Foundation by doing:

$(document).foundation();

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Chris's post about 5 years

Apologies, I should have taken a closer look.

In the Chrome Dev Tools, I'm showing 2 Javascript related errors. It looks like you are loading Topbar.js in the head, while Jquery and the Foundation.min.js is being loaded later in the body. This is creating a dependancy problem, so to fix it you simply need to move topbar.js after foundation.min.js, either by moving it to the body, or moving jquery and foundation up to the head.

Cheers!

You commented on Chris's post about 5 years

Just a little syntax error, you are missing an anchor tag in your href on WORK WITH ME:

Currently:

<a href>WORK WITH ME</a>

Try this:

<a href="#">WORK WITH ME</a>

You commented on Shmoo's post about 5 years

Try this bit of jQuery, where .tabclass is your tab class name:

 $( ".tabclass" ).click(function() {
  $( this ).toggleClass( "active" );
});

You commented on Nicole's post about 5 years

<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>

Should be

<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>

If you are loading each component by itself. Otherwise, just use the min.js.

You will also need to initialize Foundation by doing:

$(document).foundation();

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content