Question

我是jquery和ajax的新手，我想知道如何从ajax加载jquery flexslider的幻灯片？单击添加按钮即触发Ajax内容。

我尝试了这段代码，但遗憾的是它无效：

$('#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');
        });
    }
  });

非常感谢任何帮助。提前谢谢！

Answer 1

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

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

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

Answer 2

对我来说简单的方法：）

$(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'  
      });
    });
});

祝你好运。

Answer 3

试试这个。

之后：function（slider）{$ .post（＆＃39; pagination.php＆＃39;，{page：page， param1：param1}，function（data）{if（data）{slider.addSlide（data）; }}）}

jquery flexslider ajax幻灯片

3 个答案: