在 jquery 自动完成列表中显示输入的文本

Question

我有一个 jquery 移动自动完成表单/列表。我想将输入字段中输入的文本显示为列表中的第一个选项。这很好用，但是，这个自定义列表项没有像其他列表项一样被设置样式。这仅在按下单个字符时才明显。当输入第二个字符时，样式将被格式化。

我正在使用以下代码来注册被按下的键：

    $('#searchdiv').keyup(function() {
        $('#searchInput a').html($('#searchdiv input').val());

        if($('#searchdiv input').val().length == 0) {
            $('#searchInput').hide();
        }
        else {
            $('#searchInput').show();
        }
    });

在此处查看完整示例：http://jsfiddle.net/TAU82/

按第一个字符时是否可以更新样式？

谢谢

Answer 1

要让 jQuery mobile 修复它的类（它会在它认为是第一个的 li 元素中添加一个 first-child 类），您需要手动调用 $('#contacts').listview('refresh'); 以使其刷新

Demo

---

如果它不适用于您的自定义 JS，我会确保在将新节点 (<li>) 添加到列表后调用刷新。页面最底部的jQuery Mobile Docs 讨论了由于效率原因，刷新如何仅影响新添加的节点。 他们还建议不要使用hide() 函数来：

如果您最初想隐藏一个列表项，您可以通过将 ui-screen-hidden 类添加到 li 元素来实现。使用此类可确保正确应用角样式以及最后一个可见项目的边框底部。