如何使用jquery停止移动屏幕旋转?

时间:2015-06-12 05:35:04

标签: javascript jquery html jquery-mobile

我正在尝试使用jQuery创建一个html页面,并在移动设备中关闭旋转。它不适合我。

你能不能给我任何建议,当我在手机上运行这个html页面时,它不应该轮换?

我使用了以下代码:

$(window).bind('orientationchange resize', function(event){
   if (event.orientation) {
  if (event.orientation == 'landscape') {
    if (window.orientation == 90) {
   rotate(this, -90);
    } else {
   rotate(this, 90);
    }
  }
   }
 });

 function rotate(el, degs) {
   iedegs = degs/90;
   if (iedegs < 0) iedegs += 4;
   transform = 'rotate('+degs+'deg)';
   iefilter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+iedegs+')';
   styles = {
  transform: transform,
  '-webkit-transform': transform,
  '-moz-transform': transform,
  '-o-transform': transform,
  filter: iefilter,
  '-ms-filter': iefilter
   };

   $(window).css(styles);
 };

1 个答案:

答案 0 :(得分:0)

this的后半部分回答有一个使用json设置(mainfest)文件的技巧。

短篇小说:创建一个mainfest.json文件:

 {
     "display":      "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
     "orientation":  "landscape", /* Could be "landscape" or "portrait" */
     ...
 }

然后添加到您的HTML页面:

 <link rel="manifest" href="manifest.json">