jquery - 如果视口> X，如何不加载整个脚本

Question

我的网站有一个在平板电脑上崩溃的 jQuery 缩放功能。我认为我最好的方法是删除它 - 这没有必要。因此，如果视口小于 980 像素，我不想加载它，我可以对这段代码做些什么来做到这一点？

<script src='js/jquery.zoom.js'></script>

像<script>if viewport > 980px load 'script.js'</script>什么？

Answer 1

使用 AJAX 功能$.getScript()：

if ($(window).width()>980) {
    $.getScript('js/jquery.zoom.js');
}

或者简单地写出 HTML，如果你希望它同步加载：

if ($(window).width()>980) {
    document.write("<script src='js/jquery.zoom.js'></script>");
}

Answer 2

怎么样：

 $(document).ready(function(){
        if(viewport>980){
            $.getScript('script.js');
        }
    });