jQuery Mobile文檔准備好替代

Question

我花了幾個小時嘗試調試我創建的jquery移動頁面，最后使其工作。 我已經將腳本放在data-role =“ page” class =“ page-map4” div中。 我想知道為什么會這樣，我寧願這對我來說不是魔術。 如果直接訪問該頁面並不重要，僅當我從另一個JQuery Mobile頁面訪問它時才如此。

$('.page-map4').live("pageshow", function(){
        if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(success, error);
        } else {
              error('Geolocation not supported');
        }
});

問題：當從另一個JQuery Mobile頁面導航時，為什么上面的腳本必須在頁面數據角色div中才能正常工作？

Answer 1

對於頁面事件，我只需在jQuery代碼中執行此操作即可。 在將任何文檔綁定到$.mobile全局文件之后，這會在頁面的<head>元素中的<script>標記集中進行：

$('#YOUR_PAGE_ID').live('pageshow',function(event, ui){
  yourGeoCode();
});

Answer 2

您應該使用pageinit事件，請參閱本文“ 使用jQuery Mobile –記住使用pageinit（）而不是$（document）.ready（） ”以獲取更多信息。

jQuery Mobile文檔准備好替代

問題描述

2 個解決方案

解決方案1
2 已采納 2011-07-25 10:05:31

解決方案2
1 2012-02-01 09:09:03

jQuery Mobile文檔准備好替代

問題描述

2 個解決方案

解決方案1 2 已采納 2011-07-25 10:05:31

解決方案2 1 2012-02-01 09:09:03

解決方案1
2 已采納 2011-07-25 10:05:31

解決方案2
1 2012-02-01 09:09:03