troubleshooting Question

jquery tabs - not working when loaded in a new div

Avatar of kathys39
kathys39 asked on
JavaScript
1 Comment1 Solution2273 ViewsLast Modified:
I have a basic index page using jquery tabs for left-hand navigation.  When I click a link, I load an external html file in a div - that part works as the html is loaded fine.  What does not work is any jquery and/or jquery tabs in the new div -

Here is code from my index.php:

Now from my js file which I have included in my index.php:

 $(document).read(function() {
        $('#training').click(function() {
            $(#contentcolumn").load("training.html");
             return false;
       })
})

and finally my training.html file, where the html loads, but the tabs do not appear at all, just a list appears for what should be tabs:

<div id = "training sked">
<ul class="anchors">
  <li><a href="#Program">Program Classes</a></li>
  .....
</ul>

<div id = "Program" class="anchor">
<table id = "programclass">
....
</table>

Can anyone help me figure out why the jquery tabs are not working correctly in the new div?


<ul class="category items">
    <li><a id="training"> href="#">Training Schedule</a></li>
 ...
</ul>
 
Later on I do have my <div id = contentcolumn> for the new data to appear
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 1 Comment.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 1 Comment.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros