Question

I got a menu div and a content div

If I put the slider (it’s a jquery plugin) in the index.php everything works fine, picture below

But what I want to do is to put every page’s content on a different file, for example home page should contain this slider with some basic info, so I put it on home.php

Now as I want to load it I do this:

$("#nav_home").click(function(){
    $("#content").load('pages/home.php');
});

and here’s the part where it crashes, from the slider above it becomes like this:

HTML:

<ul id = "nav"><!-- menu -->
    <li id="nav_home"><a href="#">Home</a></li>    
</ul> 

<div id='content'><!-- content div -->
</div>

Answer 1

Try something like this:

$("#nav_home").click(function(){
    $("#content").load('pages/home.php', 
        function(){
            $("#slider").easySlider({
                auto: true,
                continuous: true 
            });
        }
    );
});