JQueryMobile背景图像调整大小

Question

我正在使用JQueryMobile进行Phonegap应用程序。

不同的页面有不同的背景图像（由jquery代码定义），当用户第一次进入页面时，我看到了令人不安的行为。

问题是在第一秒内调整图像大小。也就是说，当用户进入页面时它显示分辨率，并且在第二次之后，图像再次调整大小。然后，我可以退出并再次输入该页面并且不会调整大小。

定义页面的HTML：

<div id="pageHoja1" class="divPagina" data-role="page">
</div>

<div id="pageHoja2" class="divPagina" data-role="page">
</div>

<div id="pageHoja3" class="divPagina" data-role="page">
</div>

该页面的CSS动态变化：

在设备准备就绪：

$(".divPagina").css("background-size","cover");

在决定背景图像的功能上：

$("#pageHoja" + i).css("background-image", "url('mycharts/" + sFileBackg + "')");

理想情况下，我不想全部调整（因为我想要原始大小）。但如果这是不可能的，至少我希望调整大小在它向用户显示之前发生。

我已经尝试了这个但结果相同......;（

$.mobile.loadPage("#pageHoja" + i);
$("#pageHoja" + i).page(true);

我已经检查了背景大小的BEFORE和AFTER（带有警告信息）的CSS，并且两者都提供了＆＃34;覆盖＆＃34;值...

有什么想法吗？谢谢！