Creating Tabs in an ajax driven Dialog window
I am trying to make the transition from the older versions of jquery
(1.2.6) and jquery UI (1.5.3) to the newer versions (1.3.2 and
1.6.rc6) and have run into an IE issue I can't solve.
In my code I have a dialog window populated dynamically by the url of
the trigger class. The html that is being loaded has a Tabs element in
it. With the old I was able to load the html and call the tabs() to
create the tabs. However, now when I try to create the tabs it loads
content from the calling page and kills all the actual content. This
is only in IE, it works perfectly in Firefox.
Code snippets for the base page:
$("#modal1").dialog({autoOpen: false, modal: true});
$(".open1").click(function(){
var url=$(this).attr('href');
$("#modal1").load(url).dialog('option','width',800).dialog
('open');
return false;
});
<a class="open1" href="examples/new-activity.htm">Open Dynamic
Modal window</a>
<div id="modal1" title="Modal 1"></div>
Exact code being loaded into modal window (examples/new-activity.htm):
<script type="text/javascript">
<!--
$("#act-tabs").ready(function(){
$("#act-tabs").tabs();
});
//-->
</script>
<h4>Activity</h4>
Basic Activity stuff is displayed here
<div id="act-tabs">
<ul class="tabs">
<li><a href="#Targets" title="Targets"><span>Targets</span></a></
li>
<li><a href="#Contacts" title="Contacts"><span>Contacts</span></
a></li>
<li><a href="#Measures" title="Measures"><span>Measures</span></
a></li>
<li><a href="#Projects" title="Projects"><span>Projects</span></
a></li>
<li><a href="#CostShare" title="CostShare"><span>Cost Share</
span></a></li>
<li><a href="#Matrix" title="Matrix"><span>Spatial Matrix</
span></a></li>
</ul>
<div id="Targets">...</div>
<div id="Contacts">...</div>
<div id="Measures">...</div>
<div id="Projects">...</div>
<div id="CostShare">...</div>
<div id="Matrix">...</div>
</div>
I want to state again there is only an issue with IE and the newer
versions of jquery code. This system worked perfectly with the older
jquery code and still works perfectly with other browsers. Any
suggestions or ideas on how to get the tabs created in the dynamic
content would be appreciated.