0

使用 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') 来捕获网络状态，但是我很难阻止 Location 页面显示。

4

1 回答 1

2

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

于 2013-08-23T16:44:03.483 回答