Как поцепить обработчик на динамически созданный элемент?

[atosdo]

Добрый день.

У меня имеется див с элементами внутри

<div class="select-option @Model.ClassName">
    @Html.Hidden("WorkflowStepUserSelectOptions[0].Id", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Id : 0))
    <img src="@Url.Content("~/Content/Images/base/data_sort.png")" />
    @Html.TextBox("WorkflowStepUserSelectOptions[0].Name", (Model.WorkflowStepUserSelectOption != null ? Model.WorkflowStepUserSelectOption.Name : ""), new { @class = "option-name" })
    <img src="@Url.Content("~/Content/Images/base/delete.png")" />
</div>

На событие textchange @Html.TextBox - который превращается в <input ... class = 'option-name'> вешаю такое, используя jQuery:

$('.select-option.add-new input.option-name').bind('hastext', function () { 
        $(this).closest('.select-option')
                .removeClass('add-new');

        $('.select-option.template')
                .clone(true)
                .removeClass('template')
                .addClass('add-new')
                .appendTo($(this).closest('.select-option'));

        $(this).off();
    });

После того, как будет создана копия, на ней уже не будет обработчика textchange - как его туда навесить???

Заранее благодарен за ответы.

[Avalon4eg]

http://jquery.page2page.ru/index.php5/On

[atosdo]

http://jquery.page2page.ru/index.php5/On

Ах да, забыл добавить, On почему то не работает...

$('.select-option.add-new').on('hastext', 'input.option-name', function () {

Такое не вызывает никакой реакции.

Вообще это все происходит в диалоге (jquery ui dialog) и в нем куча вложенных вещей и это все динамически создается и добавляется...

Edited August 13, 2012 by atosdo

[nerv]

почему у меня все работает? http://learn.javascript.ru/play/4TUfob

[atosdo]

почему у меня все работает? http://learn.javascript.ru/play/4TUfob

Потому что ты не юзаешь jquery ui dialog