jquery - ビューポート > X の場合にスクリプト全体をロードしない方法

Question

私のサイトには、タブレットでクラッシュする jQuery ズーム機能があります。私の最善のアプローチは、それを削除することだと思います-それは必要ありません。ビューポートが 980px 未満の場合は読み込まないようにしたいのですが、このコードをどうすればよいでしょうか?

<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>");
}