`

android页面用jquery窗口大小获取错误问题的解决

 
阅读更多

在android设备上面,当变换屏幕方向的时候,使用jquery获取窗口大小会拿到一个老的数据,而在ios上面工作就非常正常。解决方法是:

1.

	$(window).bind("orientationchange",function(e) {
setTimeout("oPhoto.sizePict()",100);
});

 2.

    var wnd = $(window);

    var wndSize = function() {
          return wnd.widht() + "x" + wnd.height();
    };

    var prevSize = wndSize();

    wnd.on("resize", function() {
          var curSize =  wndSize();
          if(curSize  === prevSize)
                return;      
          prevSize = curSize;

          // handler code
    });


 更多的信息可以参见原文:

http://forum.jquery.com/topic/orientationchange-event-returns-wrong-values-on-android

 

分享到:
评论

相关推荐

    Android显示用jQuery+JS+HTML让是显示报表

    6. **Ajax交互**: 使用jQuery的Ajax功能,可以实现Android应用与服务器之间的异步数据交换,实现实时更新报表。例如,用户可以筛选数据,而无需重新加载整个页面。 7. **Chart.js或Highcharts**: 在描述中提到的...

    jquery父子窗口互相获取元素demo

    在这个“jquery父子窗口互相获取元素demo”中,我们将深入探讨如何利用jQuery来实现在父窗口与子窗口之间共享和操作DOM元素。 首先,`test.html`和`Untitled-1.html`可能是包含jQuery示例的两个网页文件。通常,父...

    jQuery页面窗口拖动预览效果.zip

    在本项目中,“jQuery页面窗口拖动预览效果.zip”是一个包含HTML5和jQuery技术实现的页面窗口拖动预览特效。这个特效主要用于提供一种交互式的用户体验,让用户在不打开新窗口或离开当前页面的情况下,预览链接内容...

    jQuery获取浏览器窗口的宽度和高度

    本篇文章将详细介绍如何使用 jQuery 获取浏览器窗口的宽度和高度,并对比不同方法的使用效果。 首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在...

    jQuery调整页面字号大小

    jQuery调整页面字号大小,jQuery调整页面字号大小,jQuery调整页面字号大小

    jQuery自适应窗口大小轮播图特效

    jQuery自适应窗口大小轮播图特效是一种常见的网页交互设计,广泛应用于网站的首页展示、产品介绍等场景。这种特效能够根据浏览器窗口的尺寸变化自动调整布局,确保在不同设备和屏幕分辨率下都能提供良好的视觉体验。...

    jQuery自适应窗口大小轮播图特效.zip

    总结起来,jQuery自适应窗口大小轮播图特效的核心在于使用jQuery监听窗口的resize事件并动态调整轮播图的尺寸,以及通过定时器和动画函数实现图片的自动切换。通过理解并应用这些技术,你可以创建出一款既美观又实用...

    jQuery自适应窗口大小导航菜单.zip

    "jQuery自适应窗口大小导航菜单.zip" 文件提供了一种解决方案,通过使用jQuery库来实现导航菜单的响应式功能,特别针对窗口大小变化时的适应性。 首先,jQuery是一个轻量级的JavaScript库,简化了JavaScript编程,...

    jQuery自适应窗口大小导航菜单

    在"jQuery自适应窗口大小导航菜单"这个项目中,核心原理是利用jQuery的窗口大小事件($(window).resize())来监听浏览器窗口的尺寸变化。当窗口大小发生变化时,触发相应的函数来更新导航菜单的样式或结构。这通常...

    jQuery自适应窗口大小图片轮播特效

    **jQuery自适应窗口大小图片轮播特效**是一种利用JavaScript库jQuery实现的网页图像展示功能,它具有自动调整尺寸的能力,能够根据用户浏览器窗口的大小变化,动态地改变图片轮播的宽度和高度,以保持良好的视觉效果...

    Jquery dataTable后台获取数据示例

    **jQuery DataTables 后台获取数据详解** jQuery DataTables 是一款功能强大的JavaScript库,用于将HTML表格转换为具有高级功能的数据展示工具,如分页、排序、搜索等。结合Struts、Spring和Ibatis框架,我们可以...

    jquery响应式模态窗口插件jquery.edbox

    使用`jquery.edbox`,开发者可以快速构建具有专业外观和高级功能的模态窗口,提升网站或应用的交互性和用户体验。在实际开发中,结合其他jQuery库和前端框架(如Bootstrap),可以进一步增强其功能和美观度。务必...

    jbox 兼容jQuery1.9以上版本,解决弹出框位置错误问题

    在`jquery.jBox-2.3.js`中,jBox很可能已经引入了对滚动条的处理逻辑,比如通过获取`window.pageYOffset`和`window.innerWidth`等属性来准确获取页面的滚动位置和可视区域大小,从而实现弹出框的精确定位。...

    jQuery自适应窗口大小图片排列代码.zip

    jQuery自适应窗口大小图片排列代码是解决这一问题的一种方案,它利用jQuery库和一个名为`jquery.row-grid.js`的插件来实现图片在页面上的动态布局调整。这个插件的主要目标是确保图片在不同屏幕尺寸下都能保持美观且...

    jquery 模态窗口

    jQuery,一个广泛使用的JavaScript库,提供了方便的方式来创建和操作模态窗口。这个主题将深入探讨jQuery实现模态窗口的基本原理、方法和最佳实践。 ### 1. 基本概念 模态窗口,又称对话框,是一种用户界面元素,...

    使用jquery-mobile+html5实现android本地通讯录

    在移动应用开发中,将HTML5、jQuery Mobile和Android结合可以构建出跨平台的轻量级应用程序,尤其适合快速原型开发或对原生功能的轻度集成。本教程将聚焦于如何利用jQuery Mobile和HTML5来访问并操作Android设备上的...

    jQuery弹出信息窗口

    在"jQuery原创 弹出窗口"的实现中,开发者可能使用了自定义的jQuery插件来封装这个功能。这类插件通常包含以下部分: 1. **选择器与元素创建**:通过jQuery选择器找到特定元素,例如按钮或链接,当这些元素被点击时...

    jquery获取URL中参数解决中文乱码问题的两种方法

    为了解决这个问题,我们可以采取一些方法,特别是当使用jQuery来获取URL参数时,有以下两种方法特别有效。 方法一是利用正则表达式来匹配和解析URL参数,这是一种相对直接且有效的方式。具体实现步骤如下: 1. ...

    jQuery404错误页面模板动画效果

    在实现这个404错误页面模板时,开发者可能会使用jQuery的`.animate()`方法来创建自定义动画,通过修改元素的CSS属性(如宽度、高度、位置等)实现动态效果。CSS3的`@keyframes`规则则用于定义动画的过程,从开始到...

Global site tag (gtag.js) - Google Analytics