jquery - 文本区域和其他功能的自动完成

Question

我正在使用 jQuery 自动完成

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

虽然我想做的是摆脱 availableTags 并使其在 div.post h3.username 中进行搜索，并从那里获取用户名。我也想将其用于文本区域，这可能吗？

下一个问题是，是否可以仅在您第一次写@时才起作用，然后像@T这样的用户将显示所有T用户？

Answer 1

如果您拥有要在“div.post h3.username”中使用的每个用户名，那么您必须创建一个包含所有用户名的列表(类似于您想要删除的用户名)，但需要更多信息如果您需要更多帮助，则需要了解这些名称如何包含在该元素中。

至于使用@来检索用户名，取决于你想要什么。例如，如果您坚持必须在书面文本旁边出现一个包含建议用户名的新框，那么文本区域就不可能做到这一点。这是因为没有跨浏览器解决方案来本地化您正在编写的位置的坐标。您必须使用具有 contenteditable 属性的 div，而不是文本区域。但是，如果您愿意将这些用户名包含在文本区域下方的另一个 div 中，那么这是很有可能的。如果您想描述您的期望，也许我可以提供一些代码。

您可能更喜欢this不过，有点自动完成。