Question

使用PhoneGap ......

如果用户没有网络连接，我想找到一种方法来阻止data-role ='page'的导航。我很难找到任何资源，我在谷歌搜索上花了几个小时，尽管我可能会使用错误的条款。

如果有网络连接，我希望用户只能在此处导航：

  <div data-role="page" id="Location">
        <div data-role="header" data-theme="e">
            <a href="#" data-rel="back">Incid..</a>
            <h1>
                Location</h1>
            <a href="#" data-rel="back" onclick="updateLoc()" data-theme="g">Use      Current</a>
        </div>
        <!-- /header -->
        <div data-role="content">
            <!--<div id="panel">
                <input id="target" type="text" placeholder="Search Box">
                    </div>-->
            <div id="map_canvas">
            </div>
        </div>

将此jQuery用于pageshow：

$('#Location').live('pageshow', function (event, ui) {
  try {
    display();
  }
  catch (e) {
    log(e);
    alert(e);
  }
});

我知道我应该能够使用if（navigator.network.connection.type =='none'）来捕获网络状态，但是我很难停止显示位置页面。

Answer 1

根据用户是否有网络连接，使用$.mobile.changePage('#pageID')更改页面。

防止jQuery移动页面导航（PhoneGap）IF

1 个答案: