Показать сообщение отдельно
  #1 (permalink)  
Старый 12.01.2015, 00:08
Новичок на форуме
Отправить личное сообщение для Mokkey Посмотреть профиль Найти все сообщения от Mokkey
 
Регистрация: 11.01.2015
Сообщений: 1

Адаптивная верстка и JS
Для корректной работы адаптивной вёрстки есть задача в зависимости от разрешения экрана отключать определенные JS-файлы.

Прямая аналогия с @media для CSS.

Искал, гуглил, читал. Но реально работающего решения, увы, так и не нашел.

Находил вот такой пример, но у меня он так и не заработал. Возможно, пример с ошибкой, возможно я что-то делаю не так (для меня эта область — тёмный лес).

Как можно максимально просто и элегантно решить мою задачу? Заранее большое спасибо за помощь!

window.onload = windowload;
    window.onresize = AppendScript;
 
    function windowload() {
        AppendScript();
    }
 
 
    function AppendScript() {
 
        if (window.innerWidth >= 940) {
            Include('site/js/stick.js', 'on')
            Include('site/js/stick-mobile.js', 'off')
        }
        else {
            Include('site/js/stick.js', 'off')
            Include('site/js/stick-mobile.js', 'on')
        }
    }
 
    function Include(filename, status) {
        var head = document.getElementsByTagName('head')[0];
        if (status == 'on') {
            script = document.createElement('script');
            script.src = filename;
            script.type = 'text/javascript';
            head.appendChild(script)
        }
        else if (status == 'off') {
            var scripts = head.getElementsByTagName('script');
            if (scripts.length > 0) {
                head.removeChild(scripts[1]);
            }
        }
    }
Ответить с цитированием