调整窗口浏览器大小时如何使用jquery或javascript加载javascript文件

Question

嗨，我的窗口浏览器更改宽度时，加载文件出现问题。 我与769px分开

<script type="javascript">
jQuery(document).ready(function($){
 loadJS = function(src) {
     var jsLink = $("<script type='text/javascript' src='"+src+"'>");
     $("head").append(jsLink); 
 };

$(window).bind("load", function() {
    var width = $(window).width();
    if (width <= 768) {
        loadJS("js/selectFx.js");    }
    else {
        loadJS("js/selectFx_769.js");
    }
});

});
</script>

好的，您有权加载文件。

我有一个负责菜单的文件在javascript中。

我制作了两个我想根据分辨率工作的文件，可以将javascript代码划分为两个文件，以便在国外加载第二个786代码？

当前，以便第一次在加载时检查分辨率和片段是否已加载，并且我希望工作具有响应性。

<script type="javascript">
if (window.innerWidth>=769)
{
file code
}
</script>

Answer 1

将绑定更改为

window.addEventListener("resize",
  function(){
     var width = $(window).width();
       if (width <= 768) {
          loadJS("js/selectFx.js");    
       }
       else {
          loadJS("js/selectFx_769.js");
       }
});

或使用$(window).resize(function(){ //code here } ); 如果您不想编写普通的vanilla js代码