Menu icon Foundation
Tabs Not Working

I can't seem to get tabs to work. I just copied and pasted the code from the docs, and the tabs show up, but the content does not change when you click them. How do I fix this?

I'm building a child theme of Reverie, and I'm pretty sure that the js is all included. This is the page I'm working on: http://oakwood.slamagency.com/consulting-test/

tabstroubleshootreveriejavascript

I can't seem to get tabs to work. I just copied and pasted the code from the docs, and the tabs show up, but the content does not change when you click them. How do I fix this?

I'm building a child theme of Reverie, and I'm pretty sure that the js is all included. This is the page I'm working on: http://oakwood.slamagency.com/consulting-test/

Steve Trask over 5 years ago

Hi Megan,

I think it is a jQuery issue at first glance you have one error of a file not found.

GET http://oakwood.slamagency.com/oakwood/wp-content/themes/reverie-oakwood/js/odometer.min.js 404 (Not Found)

What version of Foundation are you running as it looks like you have jQuery 1.11 and F5 ships with jQuery 2.0

I would double check all these are running okay before looking any deeper.

Hope this helps

Steve

Megan Carroll over 5 years ago

Ok, this might be a dumb question, but how do I check what version of Foundation I am using? I am using the Reverie Child Theme (http://themefortress.com/reverie-child-theme-github/?WPACFallback=1&WPACRandom=1400543790084).

Megan Carroll over 5 years ago

This is what it says in bower_components/foundation/bower.json.

 {
  "name": "foundation",
  "version": "5.0.3",
  "main": [
    "css/foundation.css",
    "js/foundation.js"
  ],
  "dependencies": {
    "jquery": ">= 2.0.0",
    "modernizr": ">= 2.6.2",
    "fastclick": "~0.6.11",
    "jquery.cookie": "~1.4.0",
    "jquery-placeholder": "~2.0.7",
    "lodash": "~2.4.1"
  },
  "devDependencies": {
    "jquery.autocomplete": "devbridge/jQuery-Autocomplete#1.2.7"
  },
  "private": true
}

Megan Carroll over 5 years ago

Don't know how to report spam, but Mr. globbsad's comment above is definitely not helpful. I am still stuck trying to get the tabs to work. I updated Foundation to 5.2.2, but the tabs still don't work. If anyone has any ideas, I would really appreciate some help on this.

This is the page I am currently working on: http://oakwood.slamagency.com/consulting/

Steve Trask over 5 years ago

Hi Megan

Do not worry about the spam, Zurb know there is an issue they are currently trying to tackle it. Can you please let me know where the tabs are as I do not know if you have altered to work around this?

Thanks

Steve

Damien over 5 years ago

Hi all!

Did you manage to make it work?
It seems i have the same issue.

Thank you,
Damien.