Jquery mobile和IOS地址欄

由於URL地址欄，我在使用ios設備時遇到了一些問題。我正在使用Esri Javascript api地圖和Jquery移動版。當我更改頁面時，我重新調整了我的地圖大小，但由於頂部的網址欄未被固定，因此我無法獲得精確的高度，因此我在底部獲得了空格。任何人都可以告訴我如何解決這個問題。我嘗試使用滾動頂部，但沒有幫助。我一直在爲此掙扎近一天。有沒有什麼辦法可以隨時顯示地址欄或隱藏地址欄只有幾頁。Jquery mobile和IOS地址欄

感謝，爬完

來源

2012-05-09 Pawan

您可以在window.resize事件處理程序更新您的容器元素的高度：

$(window).bind('resize', function() { 
    $('#container').height($(this).height()); 
});

這是道很簡單的，你很可能必須做有點數學計算容器的確切高度。

我還要補充一個超時所以這隻能觸發一次每次調整大小（不同的瀏覽器發送不同的數作爲瀏覽器調整大小調整事件）：

var timer; 
$(window).bind('resize', function() { 
    clearTimeout(timer); 
    timer = setTimeout(function() { 
     $('#container').height($(this).height()); 
    }, 50); 
});

地址欄被隱藏，resize事件被觸發因爲視口正在改變尺寸。

來源

2012-05-09 17:19:28 Jasper

感謝您的幫助。我正在調整大小，並調整大小。但是由於地圖在應用程序第一次加載時加載，但不是活動視圖，並且它變爲活動狀態時它不會顯示地址欄並直接滾動到標題。頁面計算的寬度只是它滾動到header.when我向上滾動，我看到標題。在Android中，它工作正常。只有IOS有這個問題。 – Pawan

沒有爲JQM的方向變化事件，

$(window).on("orientationchange", function(event) { 
    /* your codes here */ 
});

來源

2013-06-07 04:10:06 yeyene

Jquery mobile和IOS地址欄

回答

相關問題