Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Применение кода js при определенной ширине экрана (https://javascript.ru/forum/jquery/75849-primenenie-koda-js-pri-opredelennojj-shirine-ehkrana.html)

dranoc 12.11.2018 10:19

Применение кода 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,
        });
    });}
};
Как их объединить чтобы проверяло и при ресайзе и при загрузке страницы?

j0hnik 12.11.2018 10:26

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,
		});
	}
}


Часовой пояс GMT +3, время: 03:33.