Как поместить HTML код в DOM?

Question

[Александр Вербицкий]

Думаю для многих вопрос будет простой.

Есть блок div с id="modal-body"
<div id="modal-body"></div>

И есть js код, в котором в div вставляется кнопку button с id="add" с помощью append

var cart = '<button id="add">Добавить</button>'
$('#modal-body').append(cart);

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

$('#add').on('click', function (e) { 
    alert ("ПРИВЕТ МИР");
}

Но ни чего...
Я так понимаю эту кнопку нужно запихнуть в dom, но не пойму как это сделать???

Заранее спасибо!

Answer 1

[krypt3r]

После append-а вам надо привязать к кнопке обработчик. Если обработчик объявлен выше append-а, то попробуйте так — https://jsfiddle.net/ufgjLs1h/4/ . Если код идёт в том порядке, что у вас указано, то должно и так работать.