javascript - 用于媒体查询的 jQuery 调整大小功能

Question

我添加了调整大小功能，因为当我使用媒体查询时，立方体没有显示......当我将浏览器大小调整为 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
        });

 })

Answer 1

这应该可以解决问题:

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 将抛出错误!