Чем заменить load?

Question

[Дмитрий Куликов]

Имеется код

$(window).load(function(){
    // читаем ввод с клавиатуры
  alert(1);
    
    $("#search_box").keyup(function(I){ ... });
});

Решил его изменить на

function start(){
    // читаем ввод с клавиатуры
  alert(1);
    
    $("#search_box").keyup(function(I){ ... });
});
start();

В обоих случаях срабатывает alert но во втором уже не работает обработчик кнопок. Как можно заменить $(window).load(function()) чтоб обработчики продолжали работать?

Answer 1

[Андрей Чернышев]

Во втором случае не срабатывает, потому что вы не дожидаетесь окончания построения DOM модели документа, следовательно у вас там даже $("#search_box") будет равен []. Вариантов выполнения после загрузки много.

1. Обычная jquery анонимка, срабатывающая после загрузки DOM

$(function(){
  $("#search_box").keyup(function(I){ ... });
})

2. Явно привязаться на событие DOMContentLoaded

$(document).on("DOMContentLoaded", function(){
  // Дождались загрузки DOM, можем производить манипуляции с html элементами.
})

Answer 2

[Алексей Лебедев]

Подключите JS в конце страницы.

Answer 3

[lnked]

(function($) {

})(jQuery);

$(document).ready(function() {

});