2012-01-13 29 views
5

Android ve iPhone için bir web uygulaması yapıyorum. Benim sorunum, kullanıcı manzaraya gittiğinde web sayfasını yenilemek istiyorum. Javascriptte yeni başlayan biri olduğum için bunu nasıl yapacağımı bilmiyorum. BeniNasıl Yapılır? Kullanıcı mobil olarak görüntülendiğinde bir web sayfasını yenileyin

+2

;) http://stackoverflow.com/questions/850472/how-do-i-detect-when-the- iphone-goes-içine-manzara-modu-via-javascript-is-ther – matzino

+0

@ManseUK Thank U – FreshBits

+0

yinelenen önlemek için bu soruyu kapatmak lütfen – Murtaza

cevap

5

Sayfayı yenilemeniz bir

window.location.reload(); 

yapmak sonra orientationchange jQuery Mobile olayını kullanıp başladı. Örneğin

:

bu ve bir cevap gibi bir soru söz konusudur
$(function(){ 

// Set Inital orientation 
// get the initial orientation from window which 
// returns 0 for portrait and 1 for landscape 
if(window.orientation == 0){ 
    var ori = "portrait"; 
}else{ 
    var ori = "landscape"; 
} 
changeOrientation(ori); 

// Orientation Change 
// When orientation changes event is triggered 
// exposing an orientation property of either 
// landscape or portrait 
$('body').bind('orientationchange',function(event){ 
    changeOrientation(event.orientation) 
}) 

// Change the style dependengt on orientation 
function changeOrientation(ori){ 
    // Remove all classes separated by spaces 
    $("#orientation").removeClass('portrait landscape'); 
    $("#orientation").addClass(ori); 
    $("#orientation").html("<p>"+ori.toUpperCase()+"</p>"); 
} 

}); 
+0

Böyle kod, hala çalışmıyor "" – FreshBits

+0

@yuzi Kodumu güncelledim ama bir göz atmanızı öneririm jquery ve jquery mobile için (bu örnekte bu) – Johan

+1

nihayet bunu yaptım, sonra çalışır "window.onorientationchange = function() { var orientation = window.orientation; geçiş (yönlendirme) { case 0: window.location.reload(); kırılması; vaka 90: window.location.reload(); kırılması; case -90: window.location.reload(); kırılması; } } " Teşekkürler Johan – FreshBits

0

kontrol edebilir periyodik bir zamanlayıcı kullanıp, yardım lütfen:

if (window.innerHeight > window.innerWidth) { 
    // Redirect code, window.location... 
} 
+2

Eğer yükseklik> genişlik, mobil dikey modunda olmalı, peyzaj değil – Johan

İlgili konular