Tab content not loading on first load?
I'm having problems with a set of tabs...the first (default) tab that
loads just loads a blank page the first time it is opened. If you
click any of the other tabs and come back to the first one, then the
content loads properly.
Anyone have ideas as to why this would fail? I'm on jQuery 1.3.2 and
UI 1.7.1
The tabs are defined as:
$("#search-content").tabs({
show:function(event){
$("#search-content > iframe").height($(window).height()-180);
$("#search-content > iframe").width($("#search-content").width());
},
fx: {
opacity:'toggle',
duration:100
}
});
The html for the tabs is:
<div id="search-content">
<ul id="search-tabs">
<li><a href="#basicsearch"><span>Basic</span></a></li>
<li><a href="#keysearch"><span>Key</span></a></li>
<li><a href="#textsearch"><span>Text</span></a></li>
</ul>
<iframe src="basicsearch.aspx" id="basicsearch" />
<iframe src="keysearch.aspx" id="keysearch" />
<iframe src="textsearch.aspx" id="textsearch" />
</div>