Проблемы с Mobiscroll - сбой ориентации и адресной строки в некоторых мобильных браузерах
Оригинальное название, но слишком длинное для поста: "ASP.NET MVC 4, Razor, JQuery, JQueryMobile, Проблемы с Mobiscroll - изменение ориентации и адресной строки доступа приводит к сбою некоторых мобильных браузеров. Изменение ширины и высоты скроллера не работает на некоторых телефонах ».
Проблема с падением происходит на Android 2.1. Такого не бывает на iPhone, HTC EVO 4G LTE или других HTC.
Изменение ширины и высоты скроллера не работает в HTC. Если я перейду в альбомную ориентацию, размер скроллера будет такого же размера, как и в портретной ориентации. Если я верну его в портретное положение, то размер скроллера должен быть таким, какой он должен был быть в альбомной ориентации.
Вот код JQuery / Mobiscroll:
function createDatePicker(selector){
if($("#input_date_1").scroller('isDisabled') != 'undefined'){
var scrollWidth = ($("div[id='main_content']").width()) / 4;
var scrollHeight = scrollWidth / 2.5;
$("#input_" + selector).scroller({
preset: 'date',
minDate: new Date(2000, 0, 1),
maxDate: new Date(2020, 11, 31),
theme: 'android',
display: 'inline',
mode: 'scroller',
dateOrder: 'mmddyy',
width: scrollWidth,
height: scrollHeight,
onChange: function (valueText, inst) {
var lbl = $("#lbl_" + selector);
var date = $("#input_" + selector).scroller('getDate');
lbl.text(date.toDateString());
}
});
}
function setDatePickerWidthAndHeight(){
var scrollWidth = ($("div[id='main_content']").width()) / 4;
var scrollHeight = scrollWidth / 2.5;
var selectorBase1 = "date_1";
$("#input_" + selectorBase1).eq(0).scroller('option', 'width', scrollWidth);
$("#input_" + selectorBase1).eq(0).scroller('option', 'height', scrollHeight);
}
$(function () {
createDatePicker('date_1');
$(window).bind('orientationchange', function (event) {
setTimeout(setDatePickerWidthAndHeight(),100);
});
});
Я включаю эти сценарии в @section scripts {}, который отображается внизу страницы (не уверен, что это актуально).
Любая помощь будет оценена.