jquery调整媒体查询的大小

时间:2013-02-08 19:35:57

标签: javascript jquery jquery-ui jquery-mobile javascript-events

我添加了重新调整大小的功能,因为当我使用媒体查询时,多维数据集没有显示....当我将浏览器的大小调整为iPhone屏幕的大小时,只有刷新页面时才会显示iPhone图像。 .. 但每当我调整窗口大小时,它会不断刷新...... 无论如何只能为iPhone屏幕刷新浏览器窗口.... 比如在js ....中指定宽度。

在下方提供我的代码....

http://jsfiddle.net/sDXTx/1/

<script type="text/javascript">



$(window).bind('resize', function() { location.reload();

     Gallery.setOptions({
            size: 78,
            lightbox: false,
            //animation:  'drop'
            //speed:      500,
            //closeOnEsc: true,
            //slideshow:  false,
            //slideshow_speed: 3000,
            //cube_speed: 1000
        });

 })

1 个答案:

答案 0 :(得分:2)

这应该可以解决问题:

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    $(window).bind('resize', function () {
        location.reload();
        Gallery.setOptions({
            size: 78,
            lightbox: false
            //animation:  'drop'
            //speed:      500,
            //closeOnEsc: true,
            //slideshow:  false,
            //slideshow_speed: 3000,
            //cube_speed: 1000
        });

    })
}

另外,请务必删除参数中的最后一个逗号,否则IE会抛出错误!