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瀏覽器將拋出一個錯誤！