Flexslider2没有在窗口大小调整大小

Question

我有一个响应式滑块，应该在每张幻灯片上显示1个项目，宽度小于600px，每个幻灯片上方3个项目。 （根据http://flexslider.woothemes.com/dynamic-carousel-min-max.html）如果窗口以这些大小加载，它可以工作，但是如果调整窗口大小（每张幻灯片的项目不会改变），则不起作用。我得到一个错误“无法读取未定义的属性'变量'我已经尝试在var前面用jQuery替换”$“但是整个事情在这一点上断了。

    jQuery(window).load(function() {

  // store the slider in a local variable
  var $window = $(window),
      flexslider;

  // tiny helper function to add breakpoints
  function getGridSize() {
    return (window.innerWidth < 600) ? 1 :
           (window.innerWidth < 900) ? 3 : 3;
  }

  $(function() {
    SyntaxHighlighter.all();
  });

  jQuery('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth: 290,
    itemMargin: 0,
 minItems: getGridSize(), // use function to pull in initial value
      maxItems: getGridSize() // use function to pull in initial value
    });
 // check grid size on resize event
  jQuery(window).resize(function() {
    var gridSize = getGridSize();

    flexslider.vars.minItems = gridSize;
    flexslider.vars.maxItems = gridSize;
  });
  });

}(document));