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

Theres“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);

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

1 个答案: