jquery flexslider ajax幻灯片

我不熟悉jquery和ajax，我想知道如何从ajax加载jquery flexslider的幻灯片？Ajax内容在单击add按钮时触发

我尝试了此代码，但不幸的是，它不起作用：

$('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    itemWidth: 210,
    itemMargin: 5,
    asNavFor: '#slider',
    start: function(){
        $("#add").click(function(){
          $("div#slider .slides").load('ajax_content.php');
        });
    }
  });

---

任何帮助都将不胜感激。提前谢谢

尝试这样做（注意：可能需要调整）：

对我来说一个简单的方法：）

祝你好运。

试试这个

在：函数（滑块）{$.post（'pagination.php'，{page:page， param1:param1}，函数（数据）{if（数据）{slider.addSlide（数据）； }}）}

---

首先使用onclick读取内容，然后仅激活flexslider

start: function(slider){
    $("#add").click(function(){
        $.get('ajax_content.php', function(data) {
            $('#slider .slides').append(data);
        });

        slider.addSlide(".step1", 1);
    });
}

$(window).load(function(){
    $.get('banner.php?position=top', function(data){
      //Step 1  load your images content data
      $('.sliders').append(data);

      //Step 2 use flexslider
      $('.flexslider').flexslider({
        animation:'slide'  
      });
    });
});