jQueryMobile

【OSChina-MoPaaS应用开发大赛】kLink通讯录

ⅰ亾dé卋堺 提交于 2020-03-11 10:29:55
应用名称 :kLink通讯录 应用URL地址 : http://klink.sturgeon.mopaas.com/ 应用说明及使用场景 : kLink是一个简单、直接、纯粹的通讯录应用,支持PC浏览器、android、ios、windows phone等平台; 目前kLink正在我效力的企业中使用,方便同事们之间的查找与沟通; 目前交付的kLink作品是一个阉割版,去掉了短信及企业通讯录同步功能; 开发kLink的初衷是通过快速部署使企业瞬间拥有通讯录应用,便于同事间查找与沟通。 应用所使用的技术及软件 : kLink使用JQueryMobile框架进行构建与开发,借助JQueryMobile框架进而实现全平台的支持; 服务器端使用servlet+spring来提供数据的存取;前后台通讯使用AJAX技术。 另外该应用可借助Phonegap等工具将其封装成手机应用。 说明: 为了方便大家进行测试,本程序屏蔽了登陆验证逻辑,随便输入登录信息点击登录按钮即可进入主界面 创新点 : 支持全平台访问; 快速部署,瞬间使企业拥有通讯录应用; 应用截图: 主界面 登陆界面 查找联系人界面 管理联系人界面 发邮件界面 希望大家喜欢! 按照国际惯例,该项目已开源,详情请点击 http://my.oschina.net/kzhou/blog/186018 来源: oschina 链接: https:

jqueryMobile 动态添加元素,展示刷新视图方法

最后都变了- 提交于 2019-12-06 23:55:45
jQuery Mobile的是一个很好的移动开发框架,你可能已经知道, 虽然它有很多难以解决的问题,但是我相信后续版本jquery会修复…… 我是很喜欢jquery的。 这并不是说它很完美无暇, 很多开发人员遇到的情况也都难解决,比如:尝试使用代码来添加,更新或删除元素,使用JavaScript的页面跳转。 在这篇博客文章中,我列出了一些动态添加组建重新刷新的方法。 1. Textarea field $('body').prepend('<textarea id="myTextArea"></textarea>'); $('#myTextArea').textinput(); 2. Text input field $('body').prepend('<input type="text" id="myTextField" />'); $('#myTextField').textinput(); 3.button $('body').prepend('<input type="text" id="myTextField" />'); $('#myTextField').textinput(); 3. Combobox or select dropdowns <label for="sCountry">Country:</label> <select name="sCountry"

jQueryMobile快速入门

吃可爱长大的小学妹 提交于 2019-12-04 16:24:15
what   jQuery Mobile是jQuery 在手机上和平板设备上的版本。它不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。 使用   要使用 jQuery Mobile,首先需要在开发的界面中包含如下3个内容: CSS文件jquery.mobile-1.4.5.min.css jQuery类库文件 jquery.min.js jQuery Mobile文件 jquery.mobile-1.4.5.min.js <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 结构   一个jQuery Mobile页面时你需要创建三块基本内容(头,正文,尾),要在html文档中的 head 标签内填写: <meta