在Clouda中使用jQuery Mobile问题解决方案
在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> |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。