找半天phonegap的插件结果没啊,在jQuerymobile官网看见的有这个事件,额!!
<script>
function doOnOrientationChange(){
switch(window.orientation){
case-90:
case90:
alert('landscape');break;
default:
alert('portrait');break;
}
}
window.addEventListener('orientationchange', doOnOrientationChange);
doOnOrientationChange();
</script>
- 浏览: 9020 次
- 性别:
- 来自: 北京
相关推荐
使用jQuery Mobile + PhoneGap 开发Android应用程序
PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...
Android+Jquerymobile+PhoneGap的项目实例,包括 用这些 js UI实现的 滑屏、触摸、禁横屏、滚动特效。绝对经典,技术绝对齐全, 绝对适合你学习。想学手机软件开发的人,必须选择我的资源, 与我一起进步!!!
2. 利用jQuery Mobile的触控优化事件(如`tap`代替`click`),提升在触摸设备上的用户体验。 3. 通过PhoneGap API访问设备功能,例如获取位置信息来判断用户是否在家,或者控制智能设备。 4. 创建数据链接(`data-...
4. 将jQuery Mobile和百度地图API的Web应用结构通过PhoneGap打包,配置相应的config.xml文件,添加平台支持,进行编译和签名操作。 5. 对App进行测试,确保在不同设备和操作系统上都能正常运行,修复可能遇到的问题...
jQuery Mobile则是一个轻量级的UI框架,专门用于优化在移动设备上的Web应用体验。 【描述】:“该源码是使用PhoneGap加jQuery Mobile开发基于HTML5 CSS3的应用的项目例子。可以很好地学习jQuery Mobile。” 这段...
5. **事件处理**:jQuery Mobile提供了一系列的触屏事件,如`tap`、`swipe`等,用于处理用户在触摸设备上的交互。 6. **PhoneGap API调用**:利用PhoneGap的API,开发者可以访问设备功能,比如读取联系人、发送推送...
jQuery Mobile的核心特点是其统一的触摸事件处理和渐进增强的策略,使得应用在各种屏幕大小和性能的设备上都能有良好的表现。 在这个"PhoneGap+jQuery Mobile汇率计算器"项目中,首先,我们需要创建一个基本的HTML...
在"android PhoneGap JQuery Mobile Demo"项目中,我们可以看到如何将这两个技术结合起来创建Android应用。以下是一些关于这个项目的知识点: 1. **PhoneGap的安装与配置**: 在开始之前,你需要安装Node.js环境,...
除了覆盖jQuery Mobile之外,这本书还介绍了与Web开发相关的重要内容,帮助开发者在当今的设备上创建出能够良好工作的应用。通过这个系列的书籍,可以期待在移动和桌面浏览器上提供一致的用户体验。
7. **响应式设计**:jQuery Mobile框架本身支持响应式布局,确保在不同屏幕尺寸的设备上都能正常显示。不过,针对特定的相册设计,可能还需要额外的CSS调整,以优化在小屏幕设备上的显示。 8. **数据绑定**:如果...
在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...
jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...
文档中提到了几个快速整合PhoneGap和jQuery Mobile的例子,这些例子可以为开发者提供参考,帮助他们理解如何将两者整合起来,以及如何在开发中应用这一整合技术。 6. PhoneGap安装和平台支持 文档中提到了如何安装...
在“jQuery Mobile 设计完整例子”中,我们将深入探讨这个框架的各个方面,包括登录页面的设计、菜单的实现以及菜单间的切换。 1. **登录页面设计** jQuery Mobile 提供了预定义的样式和布局结构,用于创建美观的...
通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 《jQuery Mobile快速入门》适合想要掌握jQuery ...
9. **优化性能**:由于jQuery Mobile默认的增强型渲染可能会导致性能下降,尤其是在大量图片或复杂布局中,需要学习如何使用"pagecontainer"事件、"deferred"对象和"data-enhance=false"来优化加载速度。 10. **...
1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...
jQuery Mobile则提供了一套统一的事件处理和UI组件,包括页面结构、导航栏、按钮、表单、滑块、可折叠面板等,使得开发者可以快速构建响应式、触摸友好的移动界面。它还自动处理触摸事件,优化了在不同设备上的用户...
对于页面布局,jQuery Mobile使用了流式布局和媒体查询,确保在不同屏幕尺寸和方向下的良好显示。源码中的CSS文件,如`jquery.mobile.css`,包含了这些布局规则。你可以研究这些样式,理解如何创建适应性布局,以及...