JQuery: добавить тег скрипта, когда размер экрана меньше

Question

Я пытаюсь добавить скрипт, когда размер экрана меньше 900, но он не добавляет скрипта, но я получаю предупреждающее сообщение, когда размер экрана меньше 900 Мой вопрос отличается от этого Dynamically load a JavaScript file. Моя проблема заключается в том, что в моей системе не работает следующий скрипт.

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

Answer 1

Чтобы сделать это, попробуйте использовать 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); 
}