j查询窗口大小调整和媒体查询

used jQuery lib：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

我有这个jQuery代码：

    <script>
        jQuery(document).ready(function($){
if ($(window).width() <= 480) {
            var slider = $.fn.fsvs({
                speed               : 500,
                bodyID              : 'fsvs-body',
                selector            : '> .slide',
                mouseSwipeDisance   : 40,
                afterSlide          : function(){},
                beforeSlide         : function(){},
                endSlide            : function(){},
                mouseWheelEvents    : false,
                mouseWheelDelay     : false,
                mouseDragEvents     : false,
                touchEvents         : false,
                arrowKeyEvents      : false,
                pagination          : false,
                nthClasses          : false,
                detectHash          : false
            });
} else {
            var slider = $.fn.fsvs({
                speed               : 1000,
                bodyID              : 'fsvs-body',
                selector            : '> .slide',
                mouseSwipeDisance   : 40,
                afterSlide          : function(){},
                beforeSlide         : function(){},
                endSlide            : function(){},
                mouseWheelEvents    : true,
                mouseWheelDelay     : false,
                mouseDragEvents     : true,
                touchEvents         : true,
                arrowKeyEvents      : true,
                pagination          : true,
                nthClasses          : true,
                detectHash          : true
            });
}
        });
        </script>

我想在此代码中添加一个调整大小函数，以便在窗口调整大小时重新加载 jquery。我能够找到以下代码：

$(window).resize(function() {
  // add the stuff here to execute the your slider again;
});

但是，我不知道如何将此代码与我的原始代码一起使用。感谢您的任何帮助。

我能够使用以下代码解决此问题：

<script>
function refresh() { location.reload(); }
</script>

和

<body onresize="refresh()">

不是我最好的选择，但它适用于菜鸟。谢谢大家抽出宝贵时间帮助我。

相关内容

最新更新

热门标签：