Значки не отображаются при первой загрузке, но появляются при обновлении. ⇐ CSS

[Anonymous]

Код: Выделить всё

function mobileView() {
if ($(window).width() < 767) {
if ($('#teaser #ai').length) {
$('#ai').find('.icon-wrp').html(`icon2-1`);
}
if ($('.teaser #as').length) {
$('#as').find('.icon-wrp').html(`icon2-2`);
}
// AD product condition check
if ($('.teaser #ad').length) {
$('#ad').find('.icon-wrp').html(`icon2-3`);
}
} else {
// will trigger for desktop device
if ($('.teaser #ad').length) {
$('#ad').find('span').text('icon1-1');
}
if ($('.teaser #as').length) {
$('#as').find('span').text('icon1-2');
}
if ($('.teaser #ai').length) {
$('#ai').find('span').text('icon1-3');
}
}
}
$(document).ready(function(){
mobileView();
)};

Код: Выделить всё

icon1-1

icon1-2

icon1-3

Для представления рабочего стола в определенной позиции я поставил, скажем, значок-1, а для просмотра на мобильных устройствах — значок-2. Когда я перехожу с рабочего стола на мобильное представление для тестирования в браузере Chrome, сначала появляется значок 1, а после перезагрузки появляется значок 2. Кроме того, если я открываю URL-адрес непосредственно только в мобильном представлении, он работает нормально.
Я пишу HTML для просмотра на рабочем столе и для мобильного представления. Я использовал Javascript, если ширина окна

Подробнее здесь: https://stackoverflow.com/questions/716 ... on-refresh