我有一个网站(http://7db.9ed.myftpupload.com/
),我希望显示针对方向量身定制的内容。在横向模式下,它应显示宽幻灯片,在纵向时应切换到精简幻灯片。
我正在尝试使用Apple在Safari网站内容指南中指定的“orientationchange”事件。
jQuery( document ).ready(
function() {
window.addEventListener("orientationchange", function() {
console.log("the orientation of the device is now " + screen.orientation.angle);
placeSlideshow();
}, false);
});
这在Chrome的iOS模拟器中顺利运行。但是,在OSX硬件模拟器和实时iOS设备上,方向更改都没有任何反应。这不是placeSlideshow
函数 - Safari根本没有触发方向更改。
无法排除故障 - 我从哪里开始?
答案 0 :(得分:0)
事实证明问题实际上是我添加的console.log
电话.Safari无法识别属性screen.orientation.angle,
,并且由于我不知道的原因,此调用设法破坏了整个回调。
我删除了日志调用,一切正常。