jQuery: Как определить ширину окна на лету?

У меня есть элемент прокрутки на моей странице (с jQuery-плагином jScrollPane). Чего я хочу добиться, так это отключить окно прокрутки, определив ширину окна браузера. Я делаю адаптивный макет и хочу, чтобы эта функция прокрутки отключалась, когда ширина браузера меньше определенной. Я могу заставить его работать, когда обновляю страницу, но когда я изменяю размер окна браузера, значение ширины не обновляется на лету.

Прямо сейчас, если я начну с окна шириной 1000 пикселей, а затем изменю размер до 350 пикселей, функция прокрутки останется. Я хочу, чтобы функция прокрутки отключалась, как только ширина браузера достигает 440 пикселей.

Вот код, который у меня есть..

var windowsize = $(window).width();

$(window).resize(function() {
  var windowsize = $(window).width();
});

if (windowsize > 440) {
  //if the window is greater than 440px wide then turn on jScrollPane..
    $('#pane1').jScrollPane({
       scrollbarWidth:15, 
       scrollbarMargin:52
    });
}
67
задан Dustin 15 March 2012 в 13:04
поделиться