Проблема автозаполнения пользовательского интерфейса jQuery

Question

Я пытаюсь заставить работать виджет автозаполнения пользовательского интерфейса jQuery, но у меня возникают некоторые проблемы.
Сначала я попытался извлечь некоторые данные из базы данных и сохранить их внутри скрытого тега <p> вФорма: item1 ; item2; item3;, а затем с помощью jQuery ссылаются на этот тег и получают его содержимое, используя .html() (результат был нулевым) или .text() (результат был пустой строкой).Затем я решил сделать все это локально внутри блока jQuery и сделал следующее:

var tags = "house ; children's room ; master bedroom ... etc"
    alert(tags); //returns them in the right format
    var availableTags = tags.split(' ;');
    alert(availableTags); //returns them in the form" item1, item2, item3
    alert(availableTags[1]); //returns children's room
    $(".liTagInput").autocomplete({ 
        minLength: 2,
        source: availableTags 
    });

Но автозаполнение все равно не работает ... Почему оно не работает?Я также удостоверился, что добавил CSS, так что это не должно быть проблемой ...

Теоретически, я все еще хотел бы получить данные из базы данных.В этом случае я хотел бы просто отобразить теги на html-странице, а затем сделать, как описано в начале.В других случаях, когда результат может быть слишком большим, я бы хотел получить их через AJAX, но это уже другая история ... Сначала мне нужно, чтобы это сработало, а потом я буду беспокоиться о более сложных сценариях:)

Любая помощь очень ценится!

Answer 1

Ваша демонстрация работает в кодированном виде: http://jsfiddle.net/aXuHq/

Некоторые другие советы:

• Вы проверяли скрытый элемент, к которому добавляете элементы, чтобы убедиться, что содержимоечто вы ожидаете?
• Вы также можете просто echo теги в массив JavaScript (не уверен, какую серверную технологию вы используете, поэтому я не смогу привести пример), ипередать его непосредственно автозаполнению.
• Использование AJAX с автозаполнением не так уж плохо для настройки, посмотрите demo .