jQuery MobileでFlexsliderを一度ロードする

Question

jquery mobileにFlexsliderを実装しようとしましたが、成功しませんでした。一度読み込むとページリフレッシュ後にギャラリー全体が見えなくなります。 http://jsfiddle.net/vyNxb/1/

jQueryのモバイルコール：

<!-- 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> 

おかげで完全なHTMLをご覧ください。

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"を追加してください。 これは誰かを助けてくれることを願っています。