Почему не срабатывает javascript?

Question

[Влад]

Мне надо прописать в коде следующее:

var wbbOpt = {
        buttons: "bold,italic,underline,|,img,video,link,|,bullist,|,fontcolor,fontsize,|,justifyleft,justifycenter,justifyright,|,removeFormat"
    }
    $("#shortstory").wysibb(wbbOpt);

Почему этот яваскрипт срабатывает только, если его поместить вовнутрь ready function?

$(document).ready(function() {
....
});

Разве не должен срабатывать просто внутри
<script> ... </script>

Comments

[OVK2015]

Выходит, не успевает еще DOM сформироваться к моменту выполнения скрипта

[Роман Макаров]

джава, не ява. Не берите jquery до изучения js, боком выльется.

Answer 1

[Dmitry Pavlov]

Конструкция с $(document).ready(function() { ... }); это jquery обработчик события "хэй, парень! вся страница загрузилась и отрендерилась. теперь ты можешь обратиться селектором jquery к элементу разметки с id 'shortstory' - он уже гарантированно существует, крути-верти им как хочешь! :) "

Если серьезно, надо понимать что это такое jquery-docs.ru/events/ready

Answer 2

[Ivan Bogachev]

Пока элемент #shortstory не будет создан, ваше $("#shortstory") не сработает. Поэтому код заворачивают в $(document).ready(), чтобы он начинал выполняться только после формирования элементов на странице.

Answer 3

[Rou1997]

DOM-элементы загружаются сверху-вниз, это касается и head с body (сначала head, т.к. он выше).
Если расположить свой script ниже элемента shortstory, то он будет работать. Иначе - только с ready и т.п. (это событие специально отслеживает, когда все элементы загружены).