Tab - how to reload a page instead of displaying the page in the tab?
Hi everyone,
I am new with jQuery and I would like to know which is the best way to
implement tabs so that instead of loading a page into a tab (default
behaviour), it will reload the page and select the new tab through the
server side.
I know it s not a great idea to use tabs as links but so far it's my
only way to implement jQuery without updating the server side logic.
Here is short sample. I would like to know the jQuery script I need to
implement so the page will be reloaded when users click on "Second
Section". I don't think that onclick=document.location.href='http://
www.jquery.com' is the way to go?
<script>
jQuery(function(){
//select the tab I want when the page is loading, here the first one
var myTabIndex = 0;
jQuery('#tabs ul').tabs({ selected: myTabIndex });
});
</script>
<div id="tabs">
<ul>
<li class="ui-tabs-nav-item"><a
href="#fragment-1">First Section</a></li>
<li class="ui-tabs-nav-item"><a href=" [here my url
but I would like the page to be reloaded instead of the url to be
displayed in the tab] ">Second Section</a></li>
</ul>
<div id="fragment-1">
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
</div>
</div>
Thank you,
Xavier