I have a menu which I have assigned the affix class using the JS and the data-spy methods but it doesn't work, there are no JS errors in my console (firefox or chrome) and the js and css of BS are at 3.3.1. I am using WordPress, the files are all enqueued and everything else works fine.

I have deactivated all the plugins (although none use BS), I have deleted all the other scripts I enqueued

Navigation HTML:

<nav class="navbar navbar-inverse navbar-static-top" id="nav" rol="navigation">

My Affix JS is:

jQuery('#nav').affix({
  offset: {
   top: 580
  }
 });

Anyone able to point me in a direction to find the cause?

I have a menu which I have assigned the affix class using the JS and the data-spy methods but it doesn't work, there are no JS errors in my console (firefox or chrome) and the js and css of BS are at 3.3.1. I am using WordPress, the files are all enqueued and everything else works fine.

I have deactivated all the plugins (although none use BS), I have deleted all the other scripts I enqueued

Navigation HTML:

<nav class="navbar navbar-inverse navbar-static-top" id="nav" rol="navigation">

My Affix JS is:

jQuery('#nav').affix({
  offset: {
   top: 580
  }
 });

Anyone able to point me in a direction to find the cause?

• wp-enqueue-script

Share Improve this question edited Apr 6, 2019 at 9:30 fuxia♦ 107k3939 gold badges255255 silver badges459459 bronze badges asked Dec 18, 2014 at 19:05 Gareth GillmanGareth Gillman 1,32211 gold badge1010 silver badges1818 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

I see that jQuery is loading in the source, but I did not see the bootstrap js file. Here is an example of how you would properly enqueue bootstrap into WordPress and set jQuery as dependency.

Github Gist to enqueue Bootstrap