屏幕大小小于650px时禁用Jquery脚本

Question

如果屏幕尺寸小于650px，我如何修改以下脚本以禁用它？我希望它适应一个被调整大小的浏览器。谢谢！

   <script type="text/javascript">
        $(document).ready(function() {
            $("#lightSlider").lightSlider();
        });
    </script>

Answer 1

使用Js window.matchMedia

if (matchMedia) {
    var media = window.matchMedia("(max-width: 650px)");
    media.addListener(change);
    change(media);
}

function change(media) {

    if (media.matches) {
        // run the code
    }
    else {

    }

}

Answer 2

与浏览器调整大小相关的

.resize（）事件

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

    if(width <= 650){
        $('#screen').addClass('disabled'); // disable statement here
    }else{
        $('#screen').removeClass('disabled');
    }
});