Включить изменение ориентации для событий изменения размера

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

Edit: Я использую JQuery, не JQuery мобильный. Было ли рекомендовано, только для этой маленькой проблемы, включить мобильный телефон jQuery?

Answer 1

Theres ТОЧКА "orientationchange" событие

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

Я считаю, что "on" является лучшей практикой для обработки событий, в вашем случае это будет:

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

Edit: а вот сома весь экран изменение событий:

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

Редактировать: Поскольку вы используете очень устаревший jQue ry, возможно, работа по связям с JS:

window.addEventListener('orientationchange', fontresize);