我显示一个加载微调器,以便在设备每次旋转后重新加载自定义pdf阅读器(HTML 5)。它在Android设备上运行良好,当我在台式机设备上模拟旋转时,但是在iPad上,我看不到微调器,就好像显示微调器/重新加载pdf阅读器/隐藏微调器的操作是在“一枪”。
我试图延迟pdf重新加载,直到显示微调框,但这是同一回事。
这是动作顺序:
window.onorientationchange = function() {
launchSpinnerThenRotate();
}
function launchSpinnerThenRotate(){
alert(" i'll launchSpinnerThenRotate");
showSpinner();
setTimeout(rotatePdfReader(),1000);
}
我尝试了js和jquery函数来始终显示/隐藏微调框,效果相同
function showSpinner(){
//$('#pdfReaderSpinner').css("visibility" , "visible");
document.getElementById('pdfReaderSpinner').style.visibility = "visible";
document.getElementById('pdfReaderSpinner').style.zIndex = 100000000;
}
我认为问题出在微调器上,我可以在页面的第一次启动时正确显示它,但是我必须在document.ready函数中显示微调器:
$(document).ready(function() {
var target = document.getElementById('loadingSpinner');
spinner = new Spinner({top: 0, left: 0,color:'red'}).spin(target);
showSpinner();
});
$(window).load(function(){
initPdfReader();
hideSpinner();
});
最佳答案
更改此行:
setTimeout(rotatePdfReader(),1000);
对此:
setTimeout(rotatePdfReader,1000);
您希望将对函数的引用传递给setTimeout,以便可以在1秒钟内调用它。当前,您正在将函数的结果传递给setTimeout。
关于javascript - 无法延迟iPhone/iPad上的两个JavaScript操作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12106106/