[jQuery] using jquery to load content of html file in a div
My index html file is a nav menu with the following options:
<div class="arrowlistmenu">
<h3 class="menuheader expandable">Parents</h3>
<ul class="categoryitems">
<li> # Game Schedule </li>
<li> # Field Directions </li>
Further on in my php file I have the following:
<div id="contentcolumn">
<?php include("sked.html") ?>
<?php include("fielddir.html") ?>
....
In my js file, I have the following:
$(document).ready(function() {
$('#game-sked').click(function(){
$('#sked').toggle('fast');
return false;
})
...... - similar for all my links
This works great for the first item selected - usually the game schedule. I
have the game sked loading with tabs for Varsity, JV and Freshman. It
displays using jquery and jtabs no problem. The issue is after I choose
Game Schedule, I choose Field Directions and I want the appropriate html
file loaded. It does load,but the jtabs stuff is not right - in other
words, each of the skeds (tables) is displayed one after the other -
obviously something is not being reset in jquery or jtabs.
Is there a better method? Should I call the html file directly from my
javascript file? If so, how do I tell it what div to load in?
--
View this message in context: http://www.nabble.com/using-jquery-to-load-content-of-html-file-in-a-div-tp16540876s27240p16540876.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.