2012-02-16 45 views
2

我試圖將Flexslider實現到jquery mobile中,但沒有成功。它加載一次,並在頁面刷新後,整個畫廊是不可見的。請參閱完整的HTML在:http://jsfiddle.net/vyNxb/1/Flexslider使用jQuery Mobile加載一次

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

在此先感謝。

回答

1

嘗試使用此爲jQuery Mobile的:

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

    // FlexSlider 

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


}); 
2

嘗試包括flexslider.js和flexslider.css非常上面的腳本tags.Write它你的頁面的頁腳後的頁面end.This工作過爲了我。

<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) {} 
    }); 
}); 
2

嘗試在導致問題頁面的鏈接中添加rel =「external」。 希望這可以幫助別人。