Tabs links not working

1 reply · opened May 7, 2019

Eeluce2May 7, 2019

I am unable to switch the tabs using anchor links from outside of the tabs container.

https://craig.restlessmindstech.com/services.html#couples

This page has the various tabs listed in the main sidebar, but you have to reload the page in order to have the tabs element switch to the correct tab. How can this be resolved? These links previously worked with a former version of the page where the tabs were on the side instead of on top.

SSemicolon WebSTAFFMay 7, 2019

Hello,

This functionality is currently not support out of the box. You can consider using the following code at the bottom of the Page just after the js/functions.js Js Linking:


	jQuery('.tab-link').on( 'click', function(){
		var target = jQuery(this).attr('href');
		jQuery('.selector' ).tabs( 'enable', target );
	});

Make sure that you have added the .tab-link Class to any Link/Button which has the #tab-target to be opened. And change the .selector to the actual Tabs Section's Class/ID.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard