`
雷神F1
  • 浏览: 9020 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquerymobile在phonegap上添加屏幕旋转事件

阅读更多
找半天phonegap的插件结果没啊,在jQuerymobile官网看见的有这个事件,额!!酷
<script>
   function doOnOrientationChange(){

     switch(window.orientation){

        case-90:
        case90:
             alert('landscape');break;

        default:
             alert('portrait');break;
     }
   }

  window.addEventListener('orientationchange', doOnOrientationChange);

  doOnOrientationChange();

</script>
分享到:
评论

相关推荐

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    PhoneGap+Jquery mobile

    PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...

    Android JqueryMobile PhoneGap 项目实例

    Android+Jquerymobile+PhoneGap的项目实例,包括 用这些 js UI实现的 滑屏、触摸、禁横屏、滚动特效。绝对经典,技术绝对齐全, 绝对适合你学习。想学手机软件开发的人,必须选择我的资源, 与我一起进步!!!

    phoneGap jqueryMobile demo

    2. 利用jQuery Mobile的触控优化事件(如`tap`代替`click`),提升在触摸设备上的用户体验。 3. 通过PhoneGap API访问设备功能,例如获取位置信息来判断用户是否在家,或者控制智能设备。 4. 创建数据链接(`data-...

    jquery mobile + 百度地图 + phonegap 写的一个\"校园助手\"的app

    4. 将jQuery Mobile和百度地图API的Web应用结构通过PhoneGap打包,配置相应的config.xml文件,添加平台支持,进行编译和签名操作。 5. 对App进行测试,确保在不同设备和操作系统上都能正常运行,修复可能遇到的问题...

    android+phonegap+jquery mobile

    jQuery Mobile则是一个轻量级的UI框架,专门用于优化在移动设备上的Web应用体验。 【描述】:“该源码是使用PhoneGap加jQuery Mobile开发基于HTML5 CSS3的应用的项目例子。可以很好地学习jQuery Mobile。” 这段...

    phonegap+jqueryMobile例子

    5. **事件处理**:jQuery Mobile提供了一系列的触屏事件,如`tap`、`swipe`等,用于处理用户在触摸设备上的交互。 6. **PhoneGap API调用**:利用PhoneGap的API,开发者可以访问设备功能,比如读取联系人、发送推送...

    PhoneGap+Jquery mobile汇率计算器

    jQuery Mobile的核心特点是其统一的触摸事件处理和渐进增强的策略,使得应用在各种屏幕大小和性能的设备上都能有良好的表现。 在这个"PhoneGap+jQuery Mobile汇率计算器"项目中,首先,我们需要创建一个基本的HTML...

    android PhoneGap JQuery Mobile Demo

    在"android PhoneGap JQuery Mobile Demo"项目中,我们可以看到如何将这两个技术结合起来创建Android应用。以下是一些关于这个项目的知识点: 1. **PhoneGap的安装与配置**: 在开始之前,你需要安装Node.js环境,...

    Jquery mobile 从设计到开发

    除了覆盖jQuery Mobile之外,这本书还介绍了与Web开发相关的重要内容,帮助开发者在当今的设备上创建出能够良好工作的应用。通过这个系列的书籍,可以期待在移动和桌面浏览器上提供一致的用户体验。

    jQuery mobile旋转式的相册

    7. **响应式设计**:jQuery Mobile框架本身支持响应式布局,确保在不同屏幕尺寸的设备上都能正常显示。不过,针对特定的相册设计,可能还需要额外的CSS调整,以优化在小屏幕设备上的显示。 8. **数据绑定**:如果...

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    html5讲义-整合phonegap和jquery mobile

    文档中提到了几个快速整合PhoneGap和jQuery Mobile的例子,这些例子可以为开发者提供参考,帮助他们理解如何将两者整合起来,以及如何在开发中应用这一整合技术。 6. PhoneGap安装和平台支持 文档中提到了如何安装...

    jquerymobile设计完整例子

    在“jQuery Mobile 设计完整例子”中,我们将深入探讨这个框架的各个方面,包括登录页面的设计、菜单的实现以及菜单间的切换。 1. **登录页面设计** jQuery Mobile 提供了预定义的样式和布局结构,用于创建美观的...

    jQuery Mobile快速入门完整版.pdf + 所有源码

    通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 《jQuery Mobile快速入门》适合想要掌握jQuery ...

    jQuery mobile相册

    9. **优化性能**:由于jQuery Mobile默认的增强型渲染可能会导致性能下降,尤其是在大量图片或复杂布局中,需要学习如何使用"pagecontainer"事件、"deferred"对象和"data-enhance=false"来优化加载速度。 10. **...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    Html5 phonegap结合Jquerymobile资源

    jQuery Mobile则提供了一套统一的事件处理和UI组件,包括页面结构、导航栏、按钮、表单、滑块、可折叠面板等,使得开发者可以快速构建响应式、触摸友好的移动界面。它还自动处理触摸事件,优化了在不同设备上的用户...

    jQuery Mobile实战源码

    对于页面布局,jQuery Mobile使用了流式布局和媒体查询,确保在不同屏幕尺寸和方向下的良好显示。源码中的CSS文件,如`jquery.mobile.css`,包含了这些布局规则。你可以研究这些样式,理解如何创建适应性布局,以及...

Global site tag (gtag.js) - Google Analytics