Question

我的代码：

<!DOCTYPE html> 
<html> 
<head>
<title>a</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jquery.mobile-1.2.0-alpha.1.min.css" />
<script src="jquery-1.8.0.min.js"></script>
<script src="jquery.mobile-1.2.0-alpha.1.min.js"></script>
</head>
</html>

<script>
$(document).ready(function(){
$.mobile.loading('show');});
</script>

但美丽的微调器图像没有显示。它只是在屏幕中间显示一个灰色圆圈。

Answer 1

我认为您的语法已关闭，要显示您应该使用的加载邮件$.mobile.showPageLoadingMsg还要确保包含图像文件夹。

编辑：

很抱歉，我发现您使用的是JQM 1.2的alpha版，看起来此版本中添加了$.mobile.loading方法。无论如何，请确保您拥有JQM images文件夹，并且它与js文件位于同一文件夹中。要测试尝试使用指向CDN的链接替换您的链接

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>

jquery移动加载图像未显示

1 个答案: