使用JavaScript加载内容的Flexslider

Question

I'm loading the content using:

jQuery('slides').html(slides);

I'm using this slider http://flexslider.woothemes.com/ . Here is the question. How can I load this slider when the slides in the HTML structure will be added?

All works well when I enter to my website using direct link - then the content is loaded automatically. I have a problem when I load a "subpage" using jQuery, then slider doesn't work.

I tried to add:

 $('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    itemWidth: 210,
    itemMargin: 5,
    asNavFor: '#slider'
  });

  $('#slider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    sync: "#carousel"
  });

after jQuery('slides').html(slides); , but it doesn't work.

Thanks!

Answer 1

'slides' isn't a tag name so that last part wouldn't work. Try making that selector actually work, like by using $('#slides')