автозаполнение не работает с текстовым полем, сгенерированным ajax

Question

На своей странице я использую ajax для генерации / отображения текстового поля после нажатия кнопки.Я использую функцию автозаполнения в этом текстовом поле, но вызов автозаполнения не запускается.Я не вижу вызова автозаполнения в firebug, когда пытаюсь ввести что-либо в текстовое поле.

Но в то же время он работает нормально на простой тестовой странице, которая имеет текстовое поле (без генерации ajax), так чтоозначает jQuery, файлы автозаполнения в порядке.

Я подозреваю, что сгенерированный ajax идентификатор текстового поля должен вызываться в функции автозаполнения другим способом.Я приложил ниже, как я пытался.

<script>
    $(function(){  
        $("#orderingparty2").autocomplete("auto/findparty.cfm");
    })
</script>

Answer 1

Привязать код, добавляющий автозаполнение к функции ajax, которая генерирует поле ввода.В противном случае вы можете инициировать событие автозаполнения в любом событии, например, onclick.

$("#orderingparty2").live('click',function(event) 
{

$(this).autocomplete("auto/findparty.cfm");


});

Answer 2

Вы должны прикрепить вызов автозаполнения в обработчике ajax, который добавляет текстовое поле, примерно так:

$.ajax({  
   ... 
   success(function(...) {
      $('<input type="text">')             
         .attr(...)
         .css(...)
         .appendTo('#myForm')
         .autocomplete("auto/findparty.cfm");  
   })
   ...
});