javascript и jsquery работают только с консоли

Question

Нет ошибок, когда я делаю resize () в консоли с этим кодом, и окно изменяет его высоту на ширину.

function resize() {
    let box = document.getElementById("id");
    let width = $("#id").width();
    box.style.height = width;
}

Я хочу сделать это автоматически, поэтому я просто попытался добавить resize (); в конец файла js следующим образом:

function resize() {
    let box = document.getElementById("id");
    let width = $("#id").width();
    box.style.height = width;
}

resize();

Но ничего не происходит, и в консоли возникает ошибка:

Uncaught TypeError: Cannot read property 'style' of null
    at resize (main.js:4)
    at main.js:7
resize @ main.js:4
(anonymous) @ main.js:7

Answer 1

Вы должны инкапсулировать вызов функции в готовую функцию, поскольку элементы, вероятно, еще не загружены.

$(function() {
    resize();
});