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

how to using jquery or javascript load javascript file when resize window browser

本文关键字：javascript jquery 加载 文件 小时 调整 窗口 浏览器      更新时间：2023-09-26

嗨，当我的窗口浏览器更改宽度时，我的加载文件出现问题。我的分离与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>

将绑定更改为

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

或者，如果您不想编写vanilla js代码

，请使用$(window).resize(function(){ //code here } );
相关文章：