只在宽屏尺寸上加载javascript文件？

Question

我想知道如何在屏幕大小超过1000px时加载javaScript文件。

如果我在javaScript文件中，并想做某事，我会这么做......

function example(){
  if ($(window).width() > 1000) {
    //do something here....
  }
}

...但是我想在足够宽的时候调用整个JS文件。

因此，我的HTML文件底部的逻辑将是这样的......

If page is wide enough...
   <script src="path/to/file"></script>

任何建议都将不胜感激。

Answer 1

您可以使用$.getScript，如下所示：

$.getScript('script.js', function(){  
  // here the code in script.js is available
});

和调整大小

$(window).resize(function() {});