在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>
转载于:https://www.cnblogs.com/lightapp/p/3607557.html
相关资源：JAVA上百实例源码以及开源项目