Как через @media screen отключать подключенные на страницу скрипты?

Question

[Капитан Какао]

Всем привет, суть вот в чём, есть адаптивный сайт.
В теле подключен скрипт

<script type='text/javascript' src='script.js'></script>

Когда полная версия сайта, десктопная, то скрипт нужен, когда мобильная @media screen and (max-width: 480px) {} скрипт не нужен, так как он мешает.
Как его убирать со страницы (или там закомментировать или ещё что-то) когда отображается мобильная версия?
Или это через media screen вообще не сделать? Тогда возможно есть альтернатива какая-то?

Answer 1

[Алексей Уколов]

Самое простое - обернуть внутренности вашего скрипта в if ($( document ).width() > 480).
Но правильнее, конечно, грузить его только тогда, когда он реально нужен:

if ($( document ).width() > 480) {
  $.getScript( "script.js");
}

Answer 2

[Тоша Марсик]

как через цсску сделать и медиа не знаю, но вот скриптик простенький - пользуй

function myFunction() {
if($(window).width() < 480)
{
Если ширина меньше делаем это
}
else
{
Если больше это
}
}

//вызываем
myFunction();

//ну и при ресайзе перепроверяем
$(window).resize(function() {
myFunction();
});

Comments

[Арам Арамян]

Это надо на онлоад или на онресайз?
Если на онлоад, то открываем окно на компе с ресайзнутым браузером (получаем версию без скрипта), разворачиваем окно и опа - у нас баг.
А если на онресайз, то наверное надо будет один единственный раз выполнить, чтобы при уменьшении размеров окна не пропадал.

[Тоша Марсик]

Арам Арамян: дружище) я со скриптами очень "не дружу") просто самому надо было когда-то отключить скрипты и пригодился данный код.

[Арам Арамян]

Тоша Марсик: да это невнимательно посмотрел, там все правильно сделано вобщем-то

[Sergeniy]

Тоша Марсик: по нормальному пиши $(window).on('load resize', function{})