Загружайте разные javascript для разных размеров экрана

Question

Загружайте разные javascript для разных размеров экрана

0

У меня есть 2 js-кода, код A и код B, я хочу, чтобы код A использовался только тогда, когда максимальная ширина экрана составляет 800 пикселей.

И код B, который будет использоваться, когда максимальная ширина равна 400, а код A должен быть отключен. Есть ли способ переключаться между ними в соответствии с размером экрана, если устройство?

Код A:

jQuery(document).ready(function($) {$("#touchcarousel-1").touchCarousel({"pagingNavControls":true,});});

Код B:

jQuery(document).ready(function($) {$("#touchcarousel-1").touchCarousel({"pagingNavControls":false,});});

Любая помощь будет высоко оценен !

user3358086 27 фев. 2014, в 00:37

Источник

1

Самое простое решение: window.screen.width > 400 ? codeB() : codeA()
p.s.w.g 26 фев. 2014, в 22:43
0

Смотрите здесь: hacks.mozilla.org/2012/06/…
Kai Qing 26 фев. 2014, в 22:44
0

Кроме того, если ваш код длиннее с использованием jquery.getScript (), может быть полезен условно.
Michał 26 фев. 2014, в 22:45
0

Можете ли вы объяснить, чего вы хотите достичь? <strike> Иногда </ strike> В большинстве случаев лучше написать код, который работает (хотя ведет себя по-разному) во всех ситуациях.
Jonathan 26 фев. 2014, в 22:49
0

Спасибо, ребята, я добавил коды. Они одинаковы, за исключением одного значения "false / true"
user3358086 27 фев. 2014, в 11:11

Показать ещё 3 комментария

Теги:

javascript

jquery

css

responsive-design

3 ответа

Ещё вопросы

Самое простое решение: window.screen.width > 400 ? codeB() : codeA()
Кроме того, если ваш код длиннее с использованием jquery.getScript (), может быть полезен условно.
Можете ли вы объяснить, чего вы хотите достичь? <strike> Иногда </ strike> В большинстве случаев лучше написать код, который работает (хотя ведет себя по-разному) во всех ситуациях.
Спасибо, ребята, я добавил коды. Они одинаковы, за исключением одного значения "false / true"

Dryden Long · Answer 1 · 2014-02-26T20-43-00.000Z

Вы можете использовать $(window).width(); получить ширину, а затем просто включить ее в оператор if...

if ($(window).width() > 800) {
  // code for large viewports
} else if ($(window).width() < 400) {
  // code for small viewports
}

Комбинируйте это с jQuery.getScript() как предложили другие, и это должно быть довольно безболезненно...

Спасибо Драйден за вашу помощь. Я попробую это. Я добавил коды выше.
Мне не повезло :( не могли бы вы сказать мне, как я это комбинирую с jQueyr.getScript. Я действительно ценю вашу помощь. Я работал над этим днем и ночью, но без надежды. Я добавил выше коды js, если вы можете посмотреть Пожалуйста.

Steven Lambert · Answer 2 · 2014-02-26T21-47-00.000Z

Если вы используете код в двух разных файлах, вы можете использовать Modernizr/Yepnope для загрузки скриптов.

Modernizr.load([
{
    test: Modernizr.mq('all and (max-width: 800px)'),
    yep: '/js/CodeA.js',
    nope: '/js/CodeB.js'
}

Условия использования Yepnope & Modernizr screen.width

dsuess · Answer 3 · 2014-02-26T21-21-00.000Z

используя условие пользователя pswg, вы можете загружать скрипты с запросом, например http://devdocs.io/jquery/jquery.getscript

$.getScript("script.js", function(){
    // do stuff
});

Объяснение loooong можно найти в разделе Как включить файл JavaScript в другой файл JavaScript?