JQuery移动页面开发之屏幕方向改变与滚屏的实现(jquery移动节点的方法)

编辑：rootadmin

推荐整理分享JQuery移动页面开发之屏幕方向改变与滚屏的实现(jquery移动节点的方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery动态页面,jquery实现移动端,jquery 滑动显示,jquery移动div,jquery移动div,jquery移动div,jquery移动div,jquery移动div,内容如对您有帮助，希望把文章链接给更多的朋友！

方向改变事件(orientationchange)当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，你的回调函数可以加入第二个参数，作用为描述设备横或纵向的属性，"portrait"或;landscape"。这些值也会作为class值加入到html的元素中，使你可以通过css中的选择器改变他们的样式。注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。

手持设备方向改变时执行

以上示例是本人用于在手持设备改变方向时填充整个页面，避免出现空白，可以根据自己的需求扩展。

在智能手机和平板设备上，只有一个名称为orientationchange 的方向事件。该事件在设备被垂直或水平旋转时触发。要确定设备按哪个方向旋转，您可以访问方向属性，它提供一个只读值portrait 或 landscape。

JQuery移动页面开发之屏幕方向改变与滚屏的实现(jquery移动节点的方法)

绑定到 orientationchange 事件要求您定位 body 元素，然后使用 bind 方法来绑定事件。将orientationchange 事件绑定到body，但是要等待元素在文档就绪后，再绑定事件，这也很重要。否则，您会获得不一致的结果，因为body 元素可能在绑定时不可用。您也可以进一步增强该代码，当文档就绪时触发orientationchange 事件。

当文档就绪时触发orientationchange 事件

当文档就绪时触发事件，这使您可以确定 Web 页面初始加载时的方向。当您需要在用设备的当前方向显示内容时，这特别有用。您也可以通过CSS 访问方向值，因为它们被添加到 Web 页面中的 HTML 元素。这些强大的特性使您可以设备的方向修改内容布局。

滚屏事件(scrollstart、scrollstop)scrollstart：当屏幕滚动开始的时候触发。苹果的设备会在滚屏时冻结DOM的操作，当滚屏结束时按队列执行这些dom操作，我们现在正在研究方法让苹果的设备在滚屏开始前执行dom操作。

scrollstop：滚屏结束时触发。

jQuery移动web开发中的页面初始化与加载事件页面初始化事件(pagebeforecreate、pagecreate)JqueryMobile会自动基于page"内的增强的约定自动初始化一些插件。例如：给一个input输入框约定了type=range属性会自

jQuery+jsp实现省市县三级联动效果(附源码) 本文实例讲述了jQuery+jsp实现省市县三级联动效果的方法。分享给大家供大家参考，具体如下：在这里，用MySQL数据库存储了全国所有的省市县地区信息(

浅析jQuery Mobile的初始化事件 jQueryMobile包括一个初始化事件，该事件甚至会先于jQuery的document.ready事件进行加载。jQueryMobile实际上在文档对象本身上触发其初始化事件，第一个触发的