Posted By

ardissoebrata on 11/06/08

Tagged

link
jquery

Versions (?)

Last Edited at 11/06/08 12:56am

Statistics

Viewed 709 times

Favorited by 0 user(s)

Related snippets

jQuery UI tab - onselect goto link

/ Published in: JavaScript

Go to link location when tab clicked (or selected actually) using 'select' event.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script language=Javascript>
$(document).ready(function(){
	$("#theTab").tabs({
		select: function() {
			window.location.href = $(this).attr('href');	//go to link from a tag.
		}
	});
});
</script>
 
Tab format:
<ul id="theTab">
	<li><a href="{link}"><span>{label}</span></a></li>
</ul>