`
wmhcymx
  • 浏览: 21163 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jquerymobile 判断手机横竖屏 orientationchange

阅读更多
$( window ).bind("orientationchange", function( event ) {
//ResizePageContentHeight($(".ui-page" ));
if(event.orientation){
      if(event.orientation == 'portrait'){
  alert("portrait");//竖屏
      }
      else if(event.orientation == 'landscape') {
  alert("landscape");//横评
      }
   }
});
屏幕方向对应的window.orientation值:


ipad: 90 或 -90 横屏
ipad: 0 或180 竖屏
Andriod:0 或180 横屏
Andriod: 90 或 -90 竖屏
分享到:
评论

相关推荐

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    jquery手写签名 可横屏.rar

    在这个例子中,我们根据窗口的`orientation`属性判断当前是横屏还是竖屏,然后相应地调整canvas的宽高。 此外,项目可能还包含了一些附加功能,如清除签名、保存签名、预览签名等。例如,我们可以添加一个按钮来...

    jQueryMobile-HTML5模板

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

    jquery mobile css3手机表单页面布局按钮样式

    总结来说,jQuery Mobile 和 CSS3 在手机表单页面布局和按钮样式设计中起到了关键作用。jQuery Mobile 提供了易于使用的组件和交互设计,而CSS3 则为样式和动画提供了无限可能。结合两者,开发者可以构建出美观且...

    jQuery Mobile 所需要的部署文件

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

    jQuery mobile相册的一种样式

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

    Jquery mobile 从设计到开发

    jQuery Mobile 是一个广泛使用的框架,特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐,是因为它可以将现有的网页转换成触摸...

    jQuery mobile相册

    jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...

    jquerymobile设计完整例子

    **jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架,专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程,提供了丰富的组件和交互效果,使得开发者可以快速构建...

    jQueryMobile构建时髦的手机Web网站

    资源名称:jQuery Mobile构建时髦的手机Web网站内容简介:手机网站(新旧对比)jQuery Mobile 简单介绍一个最简单的 jQuery Mobile 网页使用 jQuery Mobile 开发手机网站jQuery Mobile 支持的设备jQuery Mobile 的...

    jquery mobile手机web框架

    jQuery Mobile 是一个强大的移动Web开发框架,专为智能手机和平板电脑设计,旨在简化跨平台的移动应用开发。这个框架基于广泛使用的JavaScript库jQuery,并且利用HTML5和CSS3的新特性,提供了一套全面的触控优化UI...

    使用jQuery Mobile快速开发手机站点

    【标题】"使用jQuery Mobile快速开发手机站点"揭示了如何利用jQuery Mobile这一强大的前端框架来构建适应移动设备的Web应用。jQuery Mobile是一个轻量级、跨平台的框架,专为触摸优化的移动设备设计,提供了丰富的UI...

    jquery mobile仿苹果手机短信滑动删除特效

    在这个特定的案例中,我们关注的是一个特别的功能实现——"jquery mobile仿苹果手机短信滑动删除特效"。 苹果公司的iOS操作系统以其独特的用户交互体验著称,其中短信应用中的滑动删除功能就是一个典型的例子。当...

    Jquery Mobile 帮助手册

    jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

    jQuery Mobile参考手册

    1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...

    jQuery Mobile实战源码

    《jQuery Mobile实战》源码分析 jQuery Mobile 是一个流行的前端框架,专为移动设备设计,旨在简化移动Web应用的开发。这个源码包提供了一手的学习资料,让我们深入理解jQuery Mobile的工作原理及其在实际项目中的...

    jQuery Mobile 1.0正式发布

    jQuery Mobile是jQuery在手机和平板设备上的版本,用于创建针对智能手机和平板电脑的跨设备Web应用。 jQuery Mobile旨在“为jQuery社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。jQuery Mobile...

    jQuery mobile图片截图

    jQuery Mobile 是一个轻量级、触控优化的 JavaScript 框架,专为移动设备上的 Web 应用程序设计。它构建在 jQuery 和 jQuery UI 的基础之上,提供了一套完整的组件和接口,用于创建响应式、触摸友好的移动界面。在 ...

    移动端网页版强制横屏实例

    我们可以监听`window.orientationchange`事件,根据`window.orientation`属性值判断当前是横屏还是竖屏。0代表竖屏,90或-90代表横屏(取决于设备如何旋转): ```javascript window.addEventListener('...

Global site tag (gtag.js) - Google Analytics