Cannot link to tab

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Paul

    (@paultgoodchild)

    13 years, 4 months ago

    Hi Benny,

    You’re not doing anything wrong… this is a javascript/bootstrap issue in that this behaviour isn’t actually supported.

    Try adding this javascript to your page:

    <script type="text/javascript">
	$( document ).ready(
		function() {

			$( 'a[rel=tab-shortcut]' ).on( 'click',
				function() {
					var $oThis = $( this );

					var $oSearch = $( '.nav-tabs a[href="'+$oThis.attr('href')+'"]' );
					if ( $oSearch.length > 0 ) {
						$oSearch.tab( 'show' );
					}
				}
			);

		}
	);
</script>

    In the link you create in html it has to contain the following:
    <a href="#yourTabId" rel="tab-shortcut">Link text</a>

    The important part here is the rel=”tab-shortcut”. Without it, the javascript above wont fire.

    Let me know if that helps.
    Paul.

    Thread Starter bruceleebee

    (@bennygill)

    13 years, 4 months ago

    Thanks for the help Paul.

    I tried that code but it didn’t work 🙁

    Plugin Author Paul

    (@paultgoodchild)

    13 years, 4 months ago

    Can you give me the exact code/html you used?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Cannot link to tab’ is closed to new replies.