Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Flexslider使用jQuery Mobile加载一次_Javascript_Jquery_Mobile_Jquery Mobile_Slideshow - Fatal编程技术网

Javascript Flexslider使用jQuery Mobile加载一次

Javascript Flexslider使用jQuery Mobile加载一次,javascript,jquery,mobile,jquery-mobile,slideshow,Javascript,Jquery,Mobile,Jquery Mobile,Slideshow,我尝试将Flexslider实现到jquery mobile中,但没有成功。它加载一次,页面刷新后,整个图库不可见。请访问以下网址查看完整的HTML: jQuery移动电话: <!-- Flexslider --> <script src="js/jquery.flexslider-min.js"></script> <!-- Flexslider Test Call --> <!--

我尝试将Flexslider实现到jquery mobile中,但没有成功。它加载一次,页面刷新后,整个图库不可见。请访问以下网址查看完整的HTML:

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> 

$(窗口).load(函数(){
$('.flexslider').flexslider();
}); 

提前感谢。

请尝试在jQuery Mobile中使用此选项:

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

    // FlexSlider

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


});

尝试在脚本标记上方包含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) {}
    });
}); 

$('idOfPage')。在('pageshow',函数(事件){
$('.flexslider').flexslider({
动画:“幻灯片”,
开始:函数(滑块){}
});
}); 
尝试向指向问题页面的链接添加rel=“external”。 希望这对别人有帮助