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

对于一个滑块，我使用了一些简洁的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？

有“方向更改”事件

我认为这是处理事件的最佳实践，在您的情况下，它将是：

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

编辑：以下是som全屏更改事件：

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

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

 window.addEventListener('orientationchange', fontresize);

---

到目前为止非常感谢。但方向改变不是只能通过jQuery mobile提供吗？这可能就是为什么，虽然它没有抛出错误，但在OrientionChange上什么也没有发生，也就是说，它似乎不起作用：（.它在mozilla文档和safari文档中都有，所以我猜它是一个“通用的”事件，而不是特定于jQuery mobile的事件，在运行jQuery 2.1.1的safari中，这会在我的iphone上触发。在我的示例中，它不会触发更新，并且在Firefox和Android的Chrome上保持错误的大小，即不调整大小。我假设它可能连接到使用WordPress附带的jQuery 1.11？编辑：Just看到您添加的全屏更改。它们似乎在桌面上也不起作用。

 window.addEventListener('orientationchange', fontresize);