автозаполнение jquery для извлеченного элемента w / ajax

Question

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

Разметка AJAX:

<input type="text" class="alumni" name="alumni0" id="alumni0" value="Academy College">

Сценарий:

    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" rel="stylesheet" />
    <script type="text/javascript" language="javascript">
        var availableTags;
        $(function() {
            availableTags = ["A T Still University of Health Sciences", ... ,"Abilene Christian University"];
            $(".alumni").autocomplete({
                source: availableTags
            });
        });
    </script> 

Answer 1

Попробуйте перепривязать событие автозаполнения при добавлении новой формы в DOM. Скорее всего, происходит то, что автозаполнение не связано с функцией jquery live, а у ваших новых элементов просто нет прикрепленного события.