ipad 肖像的特定 JS 也在横向触发

Posted 2023-03-12

【中文标题】ipad 肖像的特定 JS 也在横向触发

【英文标题】：Specific JS for ipad portrait is also firing in landscape

【发布时间】：2014-03-26 22:27:37

【问题描述】：

JS

if (screen.width <= 768 && screen.width != 1024)  
     jQuery('.menu-link').bind("click touchstart", function() 
          if (jQuery('#wrap3').css("left") === "0px")
              jQuery('#wrap3').animate("left":"17%", 50);
          
          else 
              jQuery('#wrap3').animate("left":"0", 50)
          
     );
  

我最初是这样尝试的

if (screen.width <= 768)

它在纵向上可以正常工作，但在不应该的情况下可以在横向上工作。

我该如何解决这个问题？

它也不能在我想要的桌面上运行。

附带说明 - 这是为不同的移动宽度创建不同的 JS 的常见做法吗？我使用 JS 而不是 CSS3 的原因是因为我尝试做的动画在 ipad 上不起作用。

【参考方案1】：

你能做一些检查高度和宽度之类的事情吗？

if (window.innerheight>window.innerWidth)

    alert("Landscape Please!");

来源：Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions

【讨论】：

不起作用。即使在纵向模式下，它实际上也根本不起作用。不过谢谢