Как именно работает DOM в javascript?

Question

[Павел]

Создал я страничку, сделал js, статичный html взаимодействует с кодом как надо, затем добавил код через js jquery
$("#wrap").append("");

так вот js с вновь добавленной строкой не дружит совсем, как будто ее нет вовсе, я пока только разбираюсь в js и слышал что когда страница открывается DOM как бы принимает форму и затем уже бесполезно так делать? Или я чушь несу?

Answer 1

[Владимир Проскурин]

А вы не добавляйте пустую строку, вы туда засуньте что-то. И убедитесь, что ваш код выполняется в тот момент, когда уже есть элемент wrap (например под ним)
$("#wrap").append("Hello!!!");

DOM как бы принимает форму и затем уже бесполезно так делать? Или я чушь несу?

Ну, это отчасти верно больше к серверной части, там нарисовал html и больше изменить не можешь (можешь, но это другая история). А JS как раз и создан для интерактивности, чтобы взаимодействовать с элементами DOM

Comments

[Павел]

https://codepen.io/mrusklon/pen/PdwzyJ . жмем добавить цех , а работник в него уже не перемещается

[Владимир Проскурин]

mrusklon, ну так вы вызываете плагин sortable только на те элементы, которые есть с самого начала.
Вызывайте после добавления инициализацию sortable
https://codepen.io/anon/pen/jvbbxG?editors=1010

[Павел]

Владимир Проскурин, ах вот оно как , спасибо!

Answer 2

[Stalker_RED]

сделал js

вот с этого места подробнее, с примерами.
Вангую, что ваши скрипты как-то апоминают что есть на странице, и с ним работают. Потом вы добавляете что-то новое - но скрипты продолжают работать с тем, что они "запомнили".
Почитайте может о делегировании и о динамических коллекциях.

Comments

[Павел]

https://codepen.io/mrusklon/pen/PdwzyJ . жмем добавить цех , а работник в него уже не перемещается