jQuery UI 自动完成问题

Question

我正在尝试让 jQuery UI 自动完成小部件正常工作，但遇到了一些问题。
首先，我尝试从数据库中检索一些数据并将它们存储在隐藏的

标记中，格式为： item1 ;项目2； item3; 然后使用 jQuery 引用此标签并使用 .html() （结果为 null）或 .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 并不难设置，请查看演示。