无法使用 PhoneGap 将页面更改为 JQM 中的外部加载页面

发布于 2024-12-24 01:48:17 字数 720 浏览 1 评论 0原文

当应用程序在 PhoneGap 中运行时,我在加载外部 HTML JQM 片段时遇到问题。加载屏幕会短暂显示,但没有任何其他反应。

我已将问题缩小到非常简单的代码,并将其放在 github 上, https://github.com/edasque/simple_page_load_test

公共 Android 应用程序位于 https://build.phonegap.com/apps/58244

这将作为浏览器(甚至 Android 浏览器)中的 JQM 应用程序运行,并且在 Android 模拟器中运行没有问题,但我无法让它在实际设备上运行。

该按钮有效,但页脚按钮无效,该按钮将 page 更改为外部 URL。 $.mobile.allowCrossDomainPages 设置为 true,$.mobile.pushStateEnabled 也设置为 true。我正在使用 Phonegap 1.3、jQuery Mobile 1.0 和jQuery 1.6.4。

我已经在 HTC Sensation 上对此进行了测试。这适用于 Android SDK 模拟器 (2.1)。除了我的调试代码之外,logcat 中什么也没有出现。

I am having issues loading an external HTML JQM fragment when the application runs in phonegap. The Loading screen shows up briefly but nothing else happens.

I have narrowed down a problem to very simple code which I put on github, https://github.com/edasque/simple_page_load_test .

The public Android application sits at https://build.phonegap.com/apps/58244 .

This will work as a JQM application in a browser (even an Android browser) and does work without issue in the android emulator but I can't get it working on an actual device.

The Button works but not the footer button which does a changePage to an external URL. $.mobile.allowCrossDomainPages is set to true and so is $.mobile.pushStateEnabled. I am using Phonegap 1.3, jQuery Mobile 1.0 & jQuery 1.6.4.

I have tested this on an HTC Sensation. This works in the Android SDK Emulator (2.1). Nothing appears in the logcat other than my debug code.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

薄荷→糖丶微凉 2024-12-31 01:48:17

有类似的问题..
看看我的代码

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.mobile.allowCrossDomainPages = true;
$.support.cors = true;
$.mobile.pushStateEnabled=false;
});
</script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>

链接被定义为

<a href="http://website-returning-jqm-pages" data-role="button" data-icon="info" data-iconpos="left">Info</a>

我相信pushStateEnabled必须为假才能工作,因为我对上面的代码有类似的问题。它可以在模拟器上运行,但不能在设备上运行。 PhoneGap:build debug 在 DOM 中显示响应,但在手机上看不到。

希望有帮助..

had a similar problem..
Look at my code

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.mobile.allowCrossDomainPages = true;
$.support.cors = true;
$.mobile.pushStateEnabled=false;
});
</script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>

Links are defined as

<a href="http://website-returning-jqm-pages" data-role="button" data-icon="info" data-iconpos="left">Info</a>

I believe that pushStateEnabled must be false for it to work, because I had a similar issue with the above code. It worked on simulator, but not on device. PhoneGap:build debug showed response in DOM, but it was not seen on the mobile phone.

Hope it helps..

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文