Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.11.2018, 10:19
Интересующийся
Отправить личное сообщение для dranoc Посмотреть профиль Найти все сообщения от dranoc
 
Регистрация: 31.08.2017
Сообщений: 11

Применение кода js при определенной ширине экрана
var win = $(this); //this = window
if (win.width() <= 992) { $(document).ready(function(){
$('.bxslider').bxSlider({
mode: 'horizontal',
moveSlides: 1,
slideMargin: 30,
infiniteLoop: true,
slideWidth: 460,
minSlides: 1,
maxSlides: 1,
speed: 800,
});
});}

Код применяется если при загрузке экран менее 992, но как сделать так чтобы он и при загрузке проверялся и при изменении ширины окна (resize)
Ставлю resize и теперь наоборот при загрузке страницы не срабатывает, не проверяет размер, срабатывает только если изменить размер.
window.onresize = function(event) {
  var win = $(this); //this = window
      if (win.width() >= 1200) { $(document).ready(function(){
        $('.bxslider').bxSlider({
            mode: 'horizontal',
            moveSlides: 1,
            slideMargin: 30,
            infiniteLoop: true,
            slideWidth: 660,
            minSlides: 3,
            maxSlides: 3,
            speed: 800,
        });
    });}
};
Как их объединить чтобы проверяло и при ресайзе и при загрузке страницы?
Ответить с цитированием
  #2 (permalink)  
Старый 12.11.2018, 10:26
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

var win = $(this); //this = window
$(function(){
fnName();
window.onresize = fnName;
});

function fnName(){
if (win.width() <= 992) {
		$('.bxslider').bxSlider({
			mode: 'horizontal',
			moveSlides: 1,
			slideMargin: 30,
			infiniteLoop: true,
			slideWidth: 460,
			minSlides: 1,
			maxSlides: 1,
			speed: 800,
		});
	}
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отключение скрипта при определенной ширине экрана vladislav_zp Элементы интерфейса 2 03.08.2016 09:57
Изменение таблицы при низком разрешении экрана soloinnet Элементы интерфейса 4 13.07.2015 19:44
Table - как избавиться от автоматич. уменьшения ширины при уменьшении размера экрана? eugen35 (X)HTML/CSS 5 22.08.2014 12:25
Снятие затемнения с экрана при получении ответа от php срипта с помощью setInterval roma86 jQuery 0 16.08.2009 12:39
Меню выезжающее слева при подведении курсора к левой части экрана Артём Тарасов Общие вопросы Javascript 6 25.02.2009 14:18