Question

我正在尝试让jQuery UI自动完成小部件工作，但我遇到了一些问题首先，我尝试从数据库中检索一些数据并将其存储在隐藏的<p>标记中，格式为：item1 ; item2; 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进行自动完成设置并不算太糟糕，请查看demo。

jQuery UI自动完成问题

1 个答案: