我正在使用jQueryMobile 1.1-rc1，我的页面加载指示器显示不正确。
我最初是在themeroler第一次发布时制作主题的，从jQM的最后几次更新到最近一次，一切都很好。
现在加载图标不再旋转，也不再位于气泡的中心。
更新时，是否需要重新滚动主题？我看不到在梅勒选择目标版本的选项。
我注意到原来的文件名是ajax-loader.png。我想现在是ajax-loader.gif，所以你可能需要仔细检查一下。
框架的最后几次更新对CSS进行了很大的更改，这将在1.1版本中继续。当您更改为JS文件的新版本时，您还应该从Themeroler重新打包您的主题。
在上一次更新中，他们对CSS框架进行了相当大的更改，包括固定的页眉/页脚、转换和其他一些内容（比如加载消息已经修改）。上一次更新还为加载消息提供了更多选项，因此HTML的结构可能发生了变化，与新的JS相比，旧的CSS不太正确。
为了测试这一点，您可以链接到CSS的标准当前版本，看看加载消息是否正确显示。
我又看了一眼，答案是用于jQueryMobile的ThemeRoller只与jQM的1.0.x版本兼容。
Todd Parker在jQueryMobile问题跟踪器中回答了这个问题。
Tyler Benzinger在主题滚筒问题跟踪器中回答了这个问题。
看来我们将不得不等待主题辊支持1.1版本的主题。
更新：解决方案
在您的theme.css注释中，去掉或删除.ui图标加载部分，并插入以下内容（来自1.1-rc1 css）
/* loading screen */
.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; }
.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radiu$
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; }
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
.ui-loader-textonly .ui-icon { display: none; }
.ui-loader-fakefix { position: absolute; }
/* loading icon */
.ui-icon-loading {
background: url(images/ajax-loader.gif);
background-size: 46px 46px;
}
确保主题图像文件夹中有新的ajax-loader.gif文件。