2012-02-16 43 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”。 希望这可以帮助别人。