windows-phone-7 - WP7 上的 Phonegap 无法加载图像

Question

我正在启动我的第一个 PhoneGap 项目，并使用 Visual Studio 和 Windows Phone 7 进行开发，不过我也打算最终部署到 iOS 和 Symbian。

但是，我陷入了第 1 步。我已将图像添加到 www/images文件夹中，并放入以下代码:

<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" />

我得到:

当我在 IE9 中预览它时效果很好，但我还没有 Mac 来在 iOS 上测试它。

值得注意的是，JS 文件和 CSS 加载得很好，只是任何图像(无论是在 CSS 中引用还是在 <img> 标记中引用)总是会出现损坏。

Answer 1

我的猜测是您的图像文件的构建操作不正确。

根据http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure第 4 部分。您应该将图像等的 Build Action 设置为 Content，这会在构建时将它们简单地复制到输出项目中。它们当前可能设置为 Resource 或 None。

要更改构建操作，请右键单击文件并选择属性以转到属性窗口(如果尚未打开该文件)。这可能是第一个属性(property)。只需单击并选择正确的一项即可。