Question

使用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>

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

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

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

Answer 1

我可以使用以下代码解决问题：

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

和

<body onresize="refresh()">

不是我最好的选择，但它适用于菜鸟。谢谢大家花时间试着帮助我。

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

1 个答案: