Flexslider添加幻灯片（Ajax内容）

我写了一个页面，其中有一张幻灯片，内容很多。为了提高加载速度，我们只想加载第一张幻灯片。然后，在加载完成后，我们会通过ajax调用来获取剩余的内容，并将它们添加为幻灯片。Flexslider添加幻灯片（Ajax内容）

Flexslider V2有一个.addSlide功能，但我不断收到slider.addSlide is not a function错误。

任何帮助将不胜感激。由于

这里是我的代码。

<!DOCTYPE html> 
<html lang="en"> 
<head> 

<link rel="stylesheet" href="_slider/flexslider.css" type="text/css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="_slider/jquery.flexslider-v2-min.js"></script> 

<script type="text/javascript"> 
$(window).load(function() { 
    $('.flexslider').flexslider({ 

     animation: "slide", 
     slideshow: false, 
     controlNav: false, 
     controlsContainer: ".flex_wrap", 
     start: function(slider){ 

      //Load another slide and append it to the html 
      $.get('landing_page_step1.html', function(data) { 
       $('.slides').append(data); 
      }); 

      //Tell flexslider to add this as a slide 
      slider.addSlide(".step1", 1);  
     } 

     }); 
});  
</script> 

</head> 

<body class="landing_page"> 

<div class="flex_wrap"> 
    <div class="flexslider grid_12"> 
    <ul class="slides"> 
     <li> 
       Slide One 
     </li> 
    </ul> 
</div> 
</div> 

</body> 
</html>

[更新]

其看来，如果你只有一个幻灯片，然后flexsider不接受这些额外的功能。从两张幻灯片开始，这个想法很好。这很可能是flexslider的错误或预期功能。

来源

2012-07-11 dciso

allowOneSlide是V2.2 +属性，请参阅：github.com/woothemes/FlexSlider#allowoneslide-new – 2015-01-15 06:53:58

我刚刚遇到了同样的问题，最后我查看了源代码，看到开发人员检查幻灯片数是否等于1（Line 882）。

我刚刚结束了整个if语句的评论，当我只有一张幻灯片时它开始工作。

来源

2013-01-16 06:11:05 bigwh00p

allowOneSlide是在V2.2的属性+，请参阅： https://github.com/woothemes/ FlexSlider＃allowoneslide新 – 2015-01-15 06:53:01

Flexslider添加幻灯片（Ajax内容）

回答

相关问题