Refresh tab content on click in JQuery tabs

Question

Im having an issue with using tabs via Visual Composer for Wordpress, along with an extension for Visual Composer called Visual Composer Modal Popups.

Basically I have all my sub level pages loading in tabs, although it seems to not load any Jquery scripts needed for the content with in each tab, unless I refresh the page (in which they then seem to work fine).

Link: http://gjwalsh.marketingmatch.net.au/who_we_are-2/

"Team members" tab on the above page is the trouble.

Is there anyway I can force load or force refresh upon clicking a tab?

This way the content would appear correctly first time and not after manually refreshing the page. Or I'm open to any other suggestions as I am not that code savvy, any help is greatly appreciated in advance!

Wit Wikky · Accepted Answer · 2014-07-03 08:13:31Z

2

I'll suggest load jquery and assign the id to that tab and on click function reload the page.

jQuery("#team").click(function() {  location.reload(true); });

Or Using Javascript with the help of onclick function

<a href="#tab-1403849707999-3-7" id="team" onClick="window.location.reload()">TEAM MEMBERS</a>

answered Jul 3, 2014 at 8:13

Wit Wikky

1,5421 gold badge15 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Jason Ryan Over a year ago

This sounds great in theory although if only I wasnt such a noob I could assign an id... any suggestions on how to go about that in wordpress?

Wit Wikky Over a year ago

Just find that html code and place it.It would be inside your theme folder.

Jason Ryan Over a year ago

The Java works although it reloads the whole page and starts off at the first tab again. Is there a way to reload only the tab content upon clicking the tab? or alternatively reloading the whole page but opening to the 'Team Members' tab Thanks for your direction so far! Getting closer!

Wit Wikky Over a year ago

this should work

jQuery(function() {       jQuery("#team").click(function(evt) {         jQuery(".q_tabs horizontal").load("http://gjwalsh.marketingmatch.net.au/who_we_are-2/")          evt.preventDefault();       })     })

But for this you must have to load jquery.

Wit Wikky Over a year ago

And for Javascript

function reload_div(){ document.getElementById("yourdivid").innerHTML='<object type="text/html" data="pageurl" ></object>'; }

|

Jason Ryan · Accepted Answer · 2014-07-10 08:25:20Z

0

Disabling AJAX on the pages with external plug-ins seemed to be the easiest way to fix this thanks to the theme developers.

Thanks for your help Roschach! Your suggestion did work although wasnt the solution I was after in the end.

answered Jul 10, 2014 at 8:25

Jason Ryan

51 silver badge3 bronze badges

Collectives™ on Stack Overflow

Refresh tab content on click in JQuery tabs

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related