search

JangoSteve / jQuery-EasyTabs

Easy and flexible jQuery tabbed functionality without all the styling.
http://www.alfajango.com/blog/jquery-easytabs-plugin/
549 stars 203 forks source link

Can't get it work, period. #201

Open mychiefs58 opened 9 years ago

mychiefs58 commented 9 years ago

I'm sure I'm an idiot, missing something plain as day, but after not being able to make this work, I pretty much copied and pasted the exact contents from the demo.html that comes in the plugin package. The only changes were to put my page content into the content area.

http://www.cmslaser.com/plugin-test-page

I'm seeing tabs but the tab links are acting like basic element # tags, dropping the page to those id's. I've checked the source code and the .js files are present. It's a Wordpress site, so I don't know if that's causing part of the issue or not. I've got no idea...

draecko commented 9 years ago

First of, jQuery is not included on your page. It gets a 404 on the jQuery you're trying to source, so make sure it's in the right place. Secondly, you only need to include easytabs once; jquery.easytabs.min.js is the same as the other one, except the .min. is compressed. Thirdly, I think you are supposed to include your 'panels' (the divs you're trying to switch between) within your div id=tab-container.

Errror

mychiefs58 commented 9 years ago

thanks for the help. 9 straight days of working on code between two projects had me miss .min. in the two missing files and an extra

tag.

now i have a different problem. it's all looking great upon load, but when i switch tabs, the video and image galleries don't show up. they do if i refresh the page. is there a way to make the content refresh on tab switch?

ahendri commented 9 years ago

You can bind a callback function to easytabs:after and do the refreshing in that function. Please have a look at the events hooks documentation: http://os.alfajango.com/easytabs/#event-hooks