Почему jQuery не видит новый добавленный html-блок?

Question

[generate]

Сначало делаю функция onclick когда кликается полностью меняется div блок внутрь добавляется другой. Но этот другой блок не видит jqyery почему ?

<button type="button" class="btn btn-primary okay">Click</button>

$("button ").click(myfunc);

function myfunc(){

$("#block").html(' <input id="next" style="height: 50px;" class="form-control" name="login" placeholder="Insert"><br><button type="button" class="btn btn-primary"  id="bth">Продолжить</button>')

}

//Дальше почему то не видит этот код
$("#bth").click(myfuns);

function myfuns() {
alert("Работает");
}

Comments

[Сергей Сергей]

Надо попробовать с задержкой после вставки хтмл-строки навешивать обработчик.

Answer 1

[bqio]

Потому что метод вызывается до того, как добавится новый HTML.

$("button ").click(myfunc);

function myfunc(){

$("#block").html($('<input id="next" style="height: 50px;" class="form-control" name="login" placeholder="Insert"><br><button type="button" class="btn btn-primary"  id="bth">Продолжить</button>'))
$("#bth").click(myfuns);
}

function myfuns() {
alert("Работает");
}