0

我正在构建一个基于phonegap 的mobileweb 应用程序,它几乎完全是用jquerymobile 构建的。

在几个页面中,有指向外部站点的链接,客户想要显示一个弹出窗口,询问用户是否愿意离开应用程序并转到外部站点。客户还要求如果用户选择点击链接,应用程序将退出。

这是我的 JS:

if (typeof CORP == "undefined" || !CORP) {
  var CORP = {};
}

(function() {
      CORP.mk = {
            var mobile = false;
            init: function() {
                        $("[data-role='page']").on("pagebeforeshow", CORP.mk.setHandlers);
            },
            onDeviceReady: function () {
                  CORP.mk.mobile = true;
                  document.addEventListener("pause", CORP.mk.onPause, false);
            },
            onPause: function () { // Exit the app if it goes to background
                  navigator.app.exitApp();
           },
          setHandlers: function () {
             if ( CORP.mk.mobile ) {
                    $("a[rel='external']").click(function (e) {
                        e.preventDefault();
                        CORP.mk.externalLink = $(this).attr("href");
                        alert(CORP.mk.externalLink);
                        navigator.notification.confirm("You are about to close this mobile app and open your web browser.",
                                            CORP.mk.popupConfirm,
                                            "Close This App?");
                    });
             }
          }
      };
})():
$(document).bind("pageinit", CORP.mk.init);
document.addEventListener("deviceready", CORP.mk.onDeviceReady, false);

这是我的标记:

<a rel='external' data-ajax='false' href='http://www.google.com'>googly</a>

CORP.mk.mobile问题:我在 chrome 桌面浏览器上测试了这段代码,它工作正常。但是$(this).attr("href");总是返回'#'in hreforAndroid并且IOS我无法使用 phonegap 启动外部应用程序。我希望能够获得实际链接并启动外部应用程序。我尝试了很多组合,但找不到解决方案。欣赏任何见解。

4

1 回答 1

0

终于找到问题了。发生这种情况是因为e.preventDefault();它正在替换链接。我很惊讶这不会发生在桌面浏览器中。所以,而不是

e.preventDefault();
CORP.mk.externalLink = $(this).attr("href");

我需要去做

CORP.mk.externalLink = $(this).attr("href");
e.preventDefault();
于 2012-07-25T02:54:14.860 回答