$( 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 是一个专为手机端...
在这个例子中,我们根据窗口的`orientation`属性判断当前是横屏还是竖屏,然后相应地调整canvas的宽高。 此外,项目可能还包含了一些附加功能,如清除签名、保存签名、预览签名等。例如,我们可以添加一个按钮来...
1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...
总结来说,jQuery Mobile 和 CSS3 在手机表单页面布局和按钮样式设计中起到了关键作用。jQuery Mobile 提供了易于使用的组件和交互设计,而CSS3 则为样式和动画提供了无限可能。结合两者,开发者可以构建出美观且...
jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...
在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...
jQuery Mobile 是一个广泛使用的框架,特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐,是因为它可以将现有的网页转换成触摸...
jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...
**jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架,专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程,提供了丰富的组件和交互效果,使得开发者可以快速构建...
资源名称:jQuery Mobile构建时髦的手机Web网站内容简介:手机网站(新旧对比)jQuery Mobile 简单介绍一个最简单的 jQuery Mobile 网页使用 jQuery Mobile 开发手机网站jQuery Mobile 支持的设备jQuery Mobile 的...
jQuery Mobile 是一个强大的移动Web开发框架,专为智能手机和平板电脑设计,旨在简化跨平台的移动应用开发。这个框架基于广泛使用的JavaScript库jQuery,并且利用HTML5和CSS3的新特性,提供了一套全面的触控优化UI...
【标题】"使用jQuery Mobile快速开发手机站点"揭示了如何利用jQuery Mobile这一强大的前端框架来构建适应移动设备的Web应用。jQuery Mobile是一个轻量级、跨平台的框架,专为触摸优化的移动设备设计,提供了丰富的UI...
在这个特定的案例中,我们关注的是一个特别的功能实现——"jquery mobile仿苹果手机短信滑动删除特效"。 苹果公司的iOS操作系统以其独特的用户交互体验著称,其中短信应用中的滑动删除功能就是一个典型的例子。当...
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
《jQuery Mobile实战》源码分析 jQuery Mobile 是一个流行的前端框架,专为移动设备设计,旨在简化移动Web应用的开发。这个源码包提供了一手的学习资料,让我们深入理解jQuery Mobile的工作原理及其在实际项目中的...
jQuery Mobile是jQuery在手机和平板设备上的版本,用于创建针对智能手机和平板电脑的跨设备Web应用。 jQuery Mobile旨在“为jQuery社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。jQuery Mobile...
jQuery Mobile 是一个轻量级、触控优化的 JavaScript 框架,专为移动设备上的 Web 应用程序设计。它构建在 jQuery 和 jQuery UI 的基础之上,提供了一套完整的组件和接口,用于创建响应式、触摸友好的移动界面。在 ...
我们可以监听`window.orientationchange`事件,根据`window.orientation`属性值判断当前是横屏还是竖屏。0代表竖屏,90或-90代表横屏(取决于设备如何旋转): ```javascript window.addEventListener('...