ui.tabs & document.location.hash
Hi,
I'm still in jQuery.ui-1.5rc1.
When I use ui.tabs in IE7, add a new tab and then remove it, the
location bar of IE displays the url like "http://my.site/
#tab_3432345245". In firefox, it displays "http://my.site/#". Why?
Is it possible to keep the url "http://my.site/" unchanged in the
location bar? And of course, don't need to reload the page.
Thanks.
Below is some of my code.
// ---------------------------------------------------
// create a tab wrapper
// ---------------------------------------------------
MyTab = $('#div_tab_wrapper > ul').tabs({
...
});
// ---------------------------------------------------
// add a tab
// ---------------------------------------------------
// create a new tab content, hash is a random string
$(document.body).append(
'<div id="tab_'+hash+'" class="ui-tabs-panel">'+
'<iframe src="other_page_url" />'+
'</div>');
// add a new tab: tabs( "add", url, label, [index] )
MyTab.tabs('add', '#tab_'+hash, 'new tab');
// ---------------------------------------------------
// remove a tab
// ---------------------------------------------------
MyTab.tabs('remove', index);