PhoneGap jQuery .html在加载图片时无法使用(仅限设备,在浏览器上正常工作)

时间:2017-10-03 06:55:28

标签: javascript android jquery cordova phonegap

我正在替换PhoneGap android应用程序中的div。

以下代码均可在浏览器中使用,但代码01无法在设备中使用。

代码01(非工作代码)

var selected_floor = $('#select_floor').find(":selected").val();
$("#image_area").html('<img class="img-responsive" src="images//2000.jpg">');

代码02(工作代码)

var selected_floor = $('#select_floor').find(":selected").val();
$("#image_area").html('Hello World');

为什么Code 01无法在设备中运行?我是如何解决的?

其他问题:如果我遇到这类问题(在浏览器上工作,但不在设备上工作),我应该如何在设备上调试它以了解最新情况?

更新

CarstenLøvboAndersen建议将ALT标签添加到图像中。所以我添加了ALT图像。现在在设备中它显示ALT标签的值而不是图像。但在浏览器中它会显示图像。

1 个答案:

答案 0 :(得分:0)

要在设备上进行调试,请自行安装Android设备,我个人使用的是HTC M8,这样可以将USB插入PC并使用Chrome浏览器并使用URL chrome://检查您是否可以查看html和应用程序的脚本,就像您在chrome上使用调试工具一样。

*编辑 我对您所面临的问题并不是100%明确,但请记住设备上的路由有时会有所不同,请确保您的图像路径正确。

例如,为了让我的图像处理我需要使用的最新应用程序

&#13;
&#13;
<img src"~/Content/images/image1.png">
&#13;
&#13;
&#13;

尝试添加〜/后跟目录。