如何從iDangero.us和JQuery移動設備正確初始化Swiper？

sw子沒有按照應有的方式工作。它顯示了一頁中的所有幻燈片。我認爲這是因爲聲明，但我找不到正確的順序。我試圖禁用jQuery手機和滑塊的作品，但所有的應用程序都搞砸了。我需要他們兩個......正確的順序是什麼？如何從iDangero.us和JQuery移動設備正確初始化Swiper？

<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.0.min.css"/> 
<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css"> 
<link rel="stylesheet" type="text/css" href="css/index.css" /> 
<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/jquery-2.0.2.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.4.0.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/idangerous.swiper-2.4.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/index.js"></script>

此外，如果我禁用idangerous腳本的導航按鈕消失。

我只修改了index.js至極是：

$(document).ready(
    function() { 
     $("#fade").fadeOut(1500,"swing"); 
    } 
); 

//********************************************************* 
// Wait for Cordova to Load 
//********************************************************* 

document.addEventListener("deviceready", onDeviceReady, false); 

function onDeviceReady() { 
navigator.splashscreen.hide(); 

    $("#play").click(function() { 
     // $.mobile.changePage("#page2", { transition: "pop"}); 
     $(":mobile-pagecontainer").pagecontainer('change', "#page2", { 
      transition: 'pop', 
      reverse: true 
     }); 
     // $("#photo").hide().delay(1000).fadeOut(); 
      $("#photo").animate({opacity: 0.0}, 1); 
    }); 

    $("#frame").click(function() { 
     // $.mobile.changePage("#page2", { transition: "pop"}); 
     // $("#photo").show().delay(100).fadeOut(); 
     $("#photo").animate({opacity: 1.0}, 1).delay(1).animate({opacity: 0.0}, 300).delay(2000); 
    }); 


    var mySwiper = new Swiper('.swiper-container',{ 
    pagination: '.pagination', 
    paginationClickable: true 
    });

}

來源

2014-01-28 Alex Stanese

在'pageshow'事件中包裝swiper初始化代碼並將其放在頁面div中。 – Omar

請發佈您的JavaScript文件的內容。 –

奧馬，我置於此代碼：在頁面div，但它不工作...它仍然顯示我在一個頁面中的所有幻燈片 –

嘗試這樣它可能工作。

<script> 
    $(document).on("pageshow", "#mainpage", function() { 
      swiper code here... 
    });    
</script>

來源

2014-04-03 10:29:48

如何從iDangero.us和JQuery移動設備正確初始化Swiper？

回答

相關問題