在Clouda集成jQuery Mobile方法跟jQuery一样,在集成后开发者在Clouda中使用jQuery
Mobile时会遇到屏幕闪一下就白屏了,这个不是Clouda的问题,而是jQuery
Mobile在body中加一层自己的class导致的,可以使用下面的方法来解决这个问题:
在Clouda的index.html和debug.html中引入jQuery
Mobile的语句下面加入下面的代码:
|
1
2
3 |
<style>.ui-page{height:100%}</style> |
详细示例如下(以index.html为例):
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 |
<!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> <style> .ui-page{height:100%} </style> </head> <body> </body></html> |
在Clouda中使用jQuery Mobile问题解决方案,布布扣,bubuko.com
原文:http://www.cnblogs.com/lightapp/p/3607557.html