如何在調整窗口大小的窗口瀏覽器時使用jquery或javascript加載javascript文件

嗨我的窗口瀏覽器更改寬度時加載文件有問題。我單獨與769px如何在調整窗口大小的窗口瀏覽器時使用jquery或javascript加載javascript文件

<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>

OK，U有權負載文件。

我有一個文件，它負責菜單是在JavaScript中。

我做了兩個這樣的文件，我想工作取決於分辨率，其中的JavaScript代碼可以分開，以便出國加載第二個786代碼？

目前這使得第一次在加載時檢查分辨率和片段被加載，我想工作是響應。

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

來源

2014-10-02 kondisz

窗口上的'load'事件triggerd何時結束加載文檔，我想你想使用'resize'事件。對？ – DontVoteMeDown 2014-10-02 14:47:43

^是$（window）.on（'resize'，function（）{... loadJs here}） – SSA 2014-10-02 14:49:11

像@DontVoteMeDown寫，你應該使用'resize'事件但請記住，每次調整大小，你會加載你庫。我認爲bedder的方法是加載一個檢查寬度的lib，並根據寬度觸發/使用不同的方法。同樣在調整大小的解決方案有可能加載'正常'和769 js – 2014-10-02 14:52:52

-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代碼

來源

2014-10-02 14:49:35 Kosmog

當你有jQuery加載並在事件處理程序中使用它時，爲什麼要使用addEventListener？ – mplungjan 2014-10-02 14:50:25

我已經向他解釋瞭如何在JavaScript中做到這一點。你怎麼了？ – Kosmog 2014-10-02 14:52:28

你在純JS中使用jQuery。這簡直是愚蠢的。只需更改您的addEventListener – mplungjan 2014-10-02 14:54:40

如何在調整窗口大小的窗口瀏覽器時使用jquery或javascript加載javascript文件

回答

相關問題