包括调整大小事件的方向更改

Question

对于滑块我使用一些整洁的jQuery魔术来使滑块的高度具有重叠的文本比例，因此它永远不会重叠滑块本身。 虽然这很好用，但我很难让jQuery识别移动设备上的方向更改，以及从桌面浏览器更改窗口到全屏，反之亦然。 有没有办法让以下内容听取这些变化？

fontresize = function () {
    var fontSize = jQuery("#slider").height() * 0.34; 
    jQuery("#slider_caption").css('font-size', fontSize);
};
jQuery(window).resize(fontresize);
jQuery(window).load(fontresize);

编辑：我使用的是jQuery，而不是jQuery mobile。 仅针对这个小问题，是否也建议包含jQuery mobile？

Answer 1

这是“orientationchange”事件

$(window).on("orientationchange",function(){
  alert("The orientation has changed!");
});

我相信“on”是处理事件的最佳实践，在您的情况下它将是：

$(window).on("orientationchange resize load", fontresize);

编辑：这里是som全屏变化事件：

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fontresize);

编辑：因为您使用的是非常过时的jQuery，所以JS事件绑定可能有效：

 window.addEventListener('orientationchange', fontresize);