Jquery：在屏幕尺寸較小時添加腳本標記

我想在屏幕尺寸小於900時添加腳本，但它不添加任何腳本，但屏幕尺寸小於900時會顯示警告消息。我的問題與Dynamically load a JavaScript file不同。我的問題是，下面的腳本不能在我的系統中工作。Jquery：在屏幕尺寸較小時添加腳本標記

<script> 

if($(window).width() <= 900) { 
    alert("size is less than 900"); 
    var sc = document.createElement('script'); 
    sc.src = 'js-min/bootstrap/jquery.min.js'; 
    sc.type = 'text/javascript'; 
    if(typeof sc['async'] !== 'undefined') { 
    sc.async = true; 
    } 
    document.getElementsByTagName('head')[0].appendChild(sc); 
} 

</script>

來源

2016-01-22 v Sugumar

對我的作品https://jsfiddle.net/92dm07ss/ - 檢查裝載時，你可以看到在頭 –

js文件它只是顯示警告信息，但不添加head標籤裏面的腳本標記 –

你看過其他的答案嗎？這裏有一個[類似的]（http://stackoverflow.com/questions/13121948/dynamically-add-script-tag-with-src-that-may-include-document-write） – toomanyredirects

對於作出這樣的，嘗試用document.head.appendChild()事件。

if($(window).width() <= 900) { 
    alert("size is less than 900"); 
    var sc = document.createElement("script"); 
    sc.src = "js-min/bootstrap/jquery.min.js"; 
    sc.type = 'text/javascript'; 
    if(typeof sc['async'] !== 'undefined') { 
    sc.async = true; 
    } 
    document.head.appendChild(sc); 
}

來源

2016-01-22 10:07:46

你解決了你的問題嗎？ –

Jquery：在屏幕尺寸較小時添加腳本標記

回答

相關問題