Flexslider загружается один раз с jQuery Mobile

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"
    });


});