Actually I figured it out. These are tabs within a tab pane and when the parent tab pane was loading it wasn't setting the height/width accordingly.
I'm a moron :) On Sep 3, 1:32 pm, Cheng Chi <[email protected]> wrote: > So why don't you give first iframe width and height values while > document.ready? > > On Fri, Sep 4, 2009 at 2:42 AM, Ryan <[email protected]> wrote: > > > 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> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
