刷卡器无法正常工作。它在一页中显示所有幻灯片。我认为这是因为声明,但我找不到正确的顺序。我试图禁用 jQuery 移动和滑块工作,但所有的应用程序都搞砸了。我需要他们两个...正确的顺序是什么?
<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>
此外,如果我禁用危险脚本,导航按钮就会消失。
我只修改了 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
});
}