@Damruss

Почему не работает кнопка перевода ширины экрана?

Добрый день! Подключил на сайт две ссылки: одна переводит сайт в ПК версию, другая должна переводить обратно в мобильную (для телефонов это и предназначается). В ПК версию переводит, а в мобильную обратно не хочет, видимо что-то не в порядке с кодом.
Верстка доступна по ссылке: https://damruss.github.io/exp1/
Код JS:
// viewport stuff
var targetWidth = 1100;
var deviceWidth = 'device-width';
var viewport = $('meta[name="viewport"]');

// check to see if local storage value is set on page load
localStorage.isResponsive = (localStorage.isResponsive == undefined) ? 'true' : localStorage.isResponsive;

var showFullSite = function(){    
    viewport.attr('content', 'width=' + targetWidth);  
    
    if(!$('#view-options #view-responsive').length){
        $('#view-options').append('<span id="view-responsive">View Mobile Optimized</span>');
    }    
    
    localStorage.isResponsive = 'false';
}

var showMobileOptimized = function(){
    localStorage.isResponsive = 'true';
    viewport.attr('content', 'width=' + deviceWidth); 
}

// if the user previously chose to view full site, change the viewport
if(Modernizr.localstorage){
    if(localStorage.isResponsive == 'false'){
        showFullSite();
    }
}    

$("#view-full").on("click", function(){
    showFullSite();
});

$('#view-options').on("click", "#view-responsive", function(){
    showMobileOptimized();
});
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
bootd
@bootd Куратор тега HTML
Гугли и ты откроешь врата знаний!
Элемент с классом view-options не имет ID view-options, только класс view-options , а в js обращение к селектору #view-options
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
28 мая 2024, в 00:43
3500 руб./за проект
28 мая 2024, в 00:35
100000 руб./за проект