Question

I have a website that loads each page using jQuerys .load function which is all working fine.

The issue I have is that a slider on one of the pages doesnt work when loaded in, whereas if written on the main document itself it works correctly. As I understand when using .load certain aspects don’t work correctly and the need for delegate() comes in.

What I can’t work out is how to turn this jQuery into something that will work on each page:

// jQuery Slider Script
$("#navi ul").tabs("#panes > div", {
    effect: 'fade',
    fadeOutSpeed: 500,
    rotate: true
}).slideshow({
    autoplay: true,
    interval: 6000
});

I have tried using both delegate() and live() but haven’t managed to get it working.

Any help would be great!

Thanks 🙂

Answer 1

After hours of messing, I finally solved it.

Adding the jQuery code to slider file that was being loaded solved the issue.

Sorry for a noob question!