在Clouda集成jQuery Mobile方法跟jQuery一样,在集成后开发者在Clouda中使用jQuery Mobile时会遇到屏幕闪一下就白屏了,这个不是Clouda的问题,而是jQuery Mobile在body中加一层自己的class导致的,可以使用下面的方法来解决这个问题:
在Clouda的index.html和debug.html中引入jQuery Mobile的语句下面加入下面的代码:
<style>
.ui-page{height:100%}
</style>
详细示例如下(以index.html为例):
<!DOCTYPE html>
<html manifest="bin/cache.manifest">
<head>
<title>Sumeru App F/W</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="target-densitydpi=high-dpi,width=device-width,initial-scale=1" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="bin/sumeru.css" rel="stylesheet"></link>
<link href="bin/app.css" rel="stylesheet"></link>
<script src="bin/sumeru.js"></script>
<script src="bin/app.js"></script>
<script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
<style>
.ui-page{height:100%}
</style>
</head>
<body>
</body>
</html>