外部链接jquery手机空白回来了

Question

我正在尝试使用我的phonagap应用程序加载外部页面但是当我使用后退按钮返回到我的应用程序时，javascript和css不会加载。

我的应用程序看起来像这样： http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/

我在index.html中包含了所有脚本和css，而不包含在其他页面中。

我只是使用这样的链接转到外部链接：

<a href="http://www.stackoverflow.com" >Test</a>

感谢您的帮助

Answer 1

您可以使用phonegap的InAppBrowser API。

http://docs.phonegap.com/en/2.4.0/cordova_inappbrowser_inappbrowser.md.html#InAppBrowser

这将导致返回应用程序而无需重新加载脚本和css。

Answer 2

我喜欢Childbrowser（CB）插件（或inAppBrowser）：

如果这是您的链接，请添加一个类，例如“extLink”

  

＆LT; a href =“＃”class =“extLink”＆gt;测试＆lt; / A＆GT;

然后绑定到具有该类并在 CB 窗口中打开的任何内容的click事件：

  

$（“。extLink”）。on（'click'，function（event）{     window.plugins.childBrowser.showWebPage（'http://www.stackoverflow.com/'，{   showNavigationBar：true}）;

或者您可以使用 inAppBrowser （Cordova / PG 2.3 +）

  

$（“。extLink”）。on（'click'，function（event）{
  var ref =   window.open（'http://www.stackoverflow.com/'，'_ blank'，'location = yes'）}）;