дисплей: не работает на мобильном телефоне

Question

У меня есть таблицы, расположенные в DIV, и когда страница изначально загружается, есть 'display: none'.

Существует выпадающее меню, которое, когда выбран элемент, показывает DIV.

Эта функция отлично работает на компьютере, но не работает на мобильных устройствах.

Я просто хочу очень простой способ сделать эту работу, даже если она не использует тот же метод.

<div id="this_div" style="display: none"> ... </div>

JavaScript:

function unHide() { 
    document.getElementById('this_div').style = ""; 
} 

Answer 1

Вы уверены, что Javascript активен в мобильном браузере? Попробуйте добавить в вашу функцию файл alert("Javacript is ON").

Обычно я вижу, что люди других людей используют «display: none» в сочетании с «видимостью: скрытой». Эта команда может быть лучше понята вашим мобильным браузером, чем одиночный «дисплей» ... Итак, обе вместе должны быть протестированы.

Один не по теме внимание, чтобы сохранить ваш код прост и понятен, я предлагаю вам определить класс CSS, который будет скрывать свои элементы:

.hidden { 
    display:none; 
    visibility:hidden; 
} 

Только нужно добавить или удалить этот класс, чтобы делать свою работу , Для добавления:

document.getElementById("this_div").className += " hidden" 

Для удаления:

document.getElementById("this_div").className.replace(/\bhiddden\b/,''); 

Так что не будет больше 'стиль = ""' в ваших HTML-тегов, только класс и идентификаторами определение.

Если вы не против работать с JQuery, это, безусловно, уменьшить многие из ваших трудностей (и сделать вас писать меньше кода!)