Question

I have two Ajax functions that are on the same div, the first one executes when complete page is fully loaded and call the ccslider method, instead the second one checks which menu ID I clicked, on the menu, to load dynamically different contents for different pages.

I can see the content loaded (eg: pictures) but unfortunately I don’t see them in the ccslider; it seems that the slider is not executed.

But I know that works just because if I test it, removing the swapContent() function and place my PHP code with the MySQL query inside my main page the pictures are loaded inside the working ccslider.

Any hint on how to fix this problem?

$(window).load(function(){
   $('#sliding').slider({
      _Options: {
      imageWidth: 300,
      imageHeight: 200
      }
   });
});

function swapContent(cv) {
var url = "testing_cover.php";
    $.post(url, {contentVar: cv}, function(data) {
       $("#sliding").html(data).show();
    });
}

Answer 1

You might have to call the slider method again inside the swapContent() function. Try this.

function swapContent(cv) {
  var url = "testing_cover.php";
  $.post(url, {contentVar: cv}, function(data) {
     $("#sliding").html(data).show();
     $('#sliding').slider({
        _Options: {
        imageWidth: 300,
        imageHeight: 200
         }
     });

 });

}