jquery flexslider ajax 幻灯片答案

【问题标题】：jquery flexslider ajax slidesjquery flexslider ajax 幻灯片
【发布时间】：2014-10-23 13:07:23
【问题描述】：

我是 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');
        });
    }
  });

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

【问题讨论】：

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

标签： jquery ajax flexslider

【解决方案1】：

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

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

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

【讨论】：

【解决方案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'  
      });
    });
});

祝你好运。

【讨论】：

【解决方案3】：

试试这个。

after: function(slider) { $.post('pagination.php', { page: page, 参数1：参数1}，函数（数据）{如果（数据）{slider.addSlide（数据）； } }) }

【讨论】：