Flexslider 슬라이드 추가 (Ajax 콘텐츠)

많은 이미지 콘텐츠가 포함 된 4 개의 슬라이드가있는 페이지를 작성하고 있습니다. 로드 속도를 향상시키기 위해 첫 번째 슬라이드 만로드하려고합니다. 그런 다음로드 된 후 아약스 호출을 통해 나머지를 가져 와서 슬라이드로 추가합니다.Flexslider 슬라이드 추가 (Ajax 콘텐츠)

Flexslider V2에는 .addSlide 기능이 있지만, 계속해서 slider.addSlide is not a function 오류가 발생합니다.

도움을 주시면 감사하겠습니다.

Flexslider

감사

다음은 내 코드입니다.

는

<!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이 + 2.2의 속성이며, 참조 : github.com/woothemes/FlexSlider#allowoneslide-new –

최근에 같은 문제가 발생하여 소스 코드를 살펴본 결과 개발자 수가 슬라이드 수가 하나 (Line 882)와 같은지 확인했습니다.

전체 if 문을 주석 처리하고 슬라이드가 하나 밖에 없으면 작동하기 시작했습니다.

출처

2013-01-16 06:11:05 bigwh00p

allowOneSlide는 2.2의 속성 + 참조이다 https://github.com/woothemes/ FlexSlider # allowoneslide-new –

Flexslider 슬라이드 추가 (Ajax 콘텐츠)

답변

관련 문제