Запустить функцию запроса, если размер экрана тот или иной

надеясь, что кто-то может помочь.

Я создаю адаптивную версию своего веб-сайта, и у меня возникают проблемы со слайдером избранных работ. Он использует плагин bxSlider.

У меня есть приведенная ниже функция, которая великолепна, однако мне нужно иметь возможность изменить параметр slideWidth, когда iPhone находится в ландшафтном режиме. Я пробовал все, что мог, через CSS, но безрезультатно. При чтении документации также говорится, что для горизонтальных ползунков требуется slideWidth, как у меня.

Любая помощь будет оценена...

  $('.bxslider').bxSlider({
  minSlides: 1,
  maxSlides: 3,
  slideWidth: 310,
  slideMargin: 20,
  useCSS: false,
  hideControlOnEnd: true,
  infiniteLoop: false,
  easing: 'easeOutBounce',
  speed: 1000,
  nextSelector: '#slider-next',
  prevSelector: '#slider-prev',
  nextText: '>',
  prevText: '<',
  pager: false
});

Обратите внимание: я пробовал следующее:

jQuery(document).ready(function ($) {

// Variable to detect window width.
var windowWidth = $(window).width();

// Trigger function for a certain window width
if (windowWidth<568) {
$('.bxslider').bxSlider({
      minSlides: 1,
      maxSlides: 3,
      slideWidth: XXX,
      slideMargin: 20,
      useCSS: false,
      hideControlOnEnd: true,
      infiniteLoop: false,
      easing: 'easeOutBounce',
      speed: 1000,
      nextSelector: '#slider-next',
      prevSelector: '#slider-prev',
      nextText: '>',
      prevText: '<',
      pager: false
    }); 
     }
});

Но главная проблема заключается в том, что мне по-прежнему нужно запускать функцию на всех размерах экрана, нужно изменить только свойство slideWidth. Конечно, есть способ просто изменить это, чтобы сделать его какой-то переменной? Я не уверен, что это правильный термин, я все еще изучаю jQuery.