I have some tabs that I want to not update until they are selected.
Currently, they all load their respective iframes src="x"s when the page
loads. I was thinking I could leave the link blank on loading and change
them as they are clicked.
$(function() {
$("#tabs").tabs();
});
<ul>
<li> #tab1 First TAB </li>
<li> #tab2 Second TAB </li>
<li> #tab3 Third TAB </li>
</ul>
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<div id="tab1">
<iframe height="100%" width="100%" frameBorder="0" src="page1.html">your
browser does not support IFRAMEs</iframe>
</div>
<div id="tab2">
<iframe height="100%" width="100%" frameBorder="0" src="page2.html">your
browser does not support IFRAMEs</iframe>
</div>
<div id="tab3">
<iframe height="100%" width="100%" frameBorder="0" src="page3.html">your
browser does not support IFRAMEs</iframe>
</div>
</div>
--
View this message in context:
http://old.nabble.com/Newbie-question-about-updating-iframe-on-tab-select-tp26402551s27240p26402551.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
