Ajax tabs in remote page not working in Safari and Chrome
Hi Folks
I am relitively new to jQuery so I believe that the coding error is mine, but thanks in advance for the help!!!
OK... so I am using Ajax tabs to call remote data into the page, everything works perfectly in all browsers accept for Safari and Chrome who both share the same code base so not surprise that it fails in both.
The error message @href$="undefined"
I would appreciate a cure for this problem, a code sample is below...
In the head section of page1....
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="ajax/jquery.history_remote.pack.js"></script>
<script type="text/javascript" src="ajax/jquery.tabs.pack.js"></script>
<script type="text/javascript">
$(function() {
$('#books-1').tabs({ remote: true, fxFade: true, fxSpeed: 'normal' });
$('#components-1').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
});
</script>
In the body section of page 1...
<ul class="text4 textb textc">
<li id="current"><a title="takes you directly to the Primary Courses Category" href="primary-courses.html"><span class="tab-right">Primary Courses</span></a></li>
<li><a title="takes you directly to the Secondary Courses Category" href="secondary-courses.html"><span class="tab-right">Secondary Courses</span></a></li>
<li>etc... etc there a total of 8 tabs</li>
</ul>
In the head section of the remote page...
<script type="text/javascript">
$(function(){
$('#components-1').tabs({ cache: true, fxSlide: true, fxFade: true, fxSpeed: 'normal' });
});
</script>
In the body section of the remote page...
<div style="position: static;" id="components-1">
<ul class="tabs-nav">
<li class="tabs-selected"><a href="#fragment-13"><span>One</span></a></li>
<li class=""><a href="#fragment-14"><span>Two</span></a></li>
</ul>
<div style="" class="tabs-container" id="fragment-13">
<p>Yeh babe this is the first working nested tab</p>
</div>
<div style="" class="tabs-container tabs-hide" id="fragment-14">
<p>Yeh babe this is the second working nested tab</p>
</div>
</div>
Again thanks in advance for the help folks!