用于媒体查询的 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 会抛出错误！