jQuery Mobile을 사용하여 Flexslider를 한 번로드하십시오.

Question

jquery mobile에 Flexslider를 성공적으로 구현하려고했습니다. 한 번로드하고 페이지를 새로 고친 후 전체 갤러리가 보이지 않습니다. http://jsfiddle.net/vyNxb/1/

jQuery를 모바일 전화 :에서 전체 HTML을 참조하십시오

<!-- Flexslider --> 
     <script src="js/jquery.flexslider-min.js"></script> 

      <!-- Flexslider Test Call --> 
<!--    <script type="text/javascript"> 
       $('#homepage').live('pageinit', function() { 
       //$(document).delegate("#homepage", "pageinit", function() { 
        $('.flexslider').flexslider(); 
       }); 
      </script> --> 

표준 전화 : 사전에

<!-- Flexslider Standard Call --> 
      <script type="text/javascript"> 
       $(window).load(function() { 
        $('.flexslider').flexslider(); 
       }); 
      </script> 

감사합니다.

Answer 1

jQuery를 모바일이를 사용해보십시오 :

$('#homepage').live('pageshow',function(event){ 

    // FlexSlider 

    $myflexslider = $('.flexslider').flexslider({ 
     animation: "slide" 
    }); 


}); 

Answer 2

시도 flexslider.js 및 페이지 end.This이 일을하기 전에 스크립트가 페이지의 바닥 글 후를 tags.Write 매우 위에 flexslider.css을 포함하는 나를 위해.

<script defer src="js/jquery.flexslider.js"></script>  
<link rel="stylesheet" href="css/flexslider.css"/> 

$('#idOfPage').on('pageshow', function(event) { 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     start: function(slider) {} 
    }); 
}); 

Answer 3

문제 페이지로 연결되는 링크에 rel = "external"를 추가하십시오. 희망이 있으면 도움이됩니다.