Question

我试图将Flexslider实现到jquery mobile中但没有成功。它加载一次，页面刷新后整个图库是不可见的。请在以下位置查看完整的HTML：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>

提前致谢。

Answer 1

尝试将flexslider.js和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 2

尝试将rel =“external”添加到指向问题页面的链接。希望这有助于某人。

Answer 3

尝试将此用于jQuery Mobile：

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

    // FlexSlider

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


});

Flexslider使用jQuery Mobile加载一次

3 个答案: