Facebook 스타일 JQuery 자동 완성 플러그인

Facebook 스타일 JQuery 자동 완성 플러그인

문 닫았습니다.이 질문은 충족되지 않습니다.스택 오버플로 지침.현재 답변을 받지 않고 있습니다.

---

책, 도구, 소프트웨어 라이브러리, 튜토리얼 또는 기타 외부 리소스를 추천하거나 찾을 것을 요청하는 질문은 의견을 제시하는 답변과 스팸을 끌어들이는 경향이 있기 때문에 스택 오버플로에서는 주제가 다릅니다.대신, 문제와 그것을 해결하기 위해 지금까지 무엇을 했는지 설명하세요.

9년전에 문을 닫았습니다.

이 질문을 개선합니다.

스택 오버플로우 질문에 태그를 지정하는 방식과 유사하게 여러 항목을 선택할 수 있다는 점에서 페이스북처럼 자동 완료를 수행하는 플러그인을 따라 합니다.

다음은 제가 만난 두 사람입니다.

• http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete
• http://www.emposha.com/javascript/fcbkcomplete.html
• https://github.com/loopj/jquery-tokeninput

이것들 중에 먹어 본 것이 있습니까?구현 및 커스터마이징이 쉬웠습니까?

https://github.com/loopj/jquery-tokeninput

저는 방금 이것을 시도해 보았고 asp.net 페이지를 사용하여 JSON을 출력하는 것은 정말 쉬웠습니다 (검색 파라미터에서).그러면 자바스크립트를 생성하는데 필요한 몇 줄의 자바스크립트(및 설정)가 있습니다.

$(document).ready(function() {
        $("#Users").tokenInput("../Services/Job/UnassignedUsers.aspx?p=<%= projectID %>&j=<%= jobID %>", {
        hintText: "Begin typing the user name of the person you wish to assign.",
        noResultsText: "No results",
        searchingText: "Searching..."
    });
});

이거 아주 좋아요!https://github.com/wuyuntao/jquery-autosuggest/

사용방법

확실히 페이지에 최신 jQuery 라이브러리(최소 1.3개)가 이미 로드되어 있는지 확인해야 합니다.그런 다음에는 페이지에 다음 코드를 추가하기만 하면 됩니다(코드를 jQuery의 ready 기능으로 포장해야 함).

$(function(){
    $("input[type=text]").autoSuggest(data);
});

위 코드 라인은 모든 텍스트 유형에 자동 제안을 적용합니다.input페이지의 요소들각 데이터는 동일한 데이터 집합을 사용하게 됩니다.페이지에 다른 데이터 집합을 사용하는 여러 자동 제안 필드를 사용하려면 해당 필드를 별도로 선택해야 합니다.다음과 같은 경우:

$(function(){
    $("div.someClass input").autoSuggest(data);
    $("#someID input").autoSuggest(other_data);
});

위의 작업을 수행하면 다양한 옵션과 다양한 데이터 세트를 전달할 수 있습니다.다음은 데이터 개체 및 기타 다양한 옵션과 함께 AutoSuggest를 사용하는 예입니다.

var data = {items: [
    {value: "21", name: "Mick Jagger"},
    {value: "43", name: "Johnny Storm"},
    {value: "46", name: "Richard Hatch"},
    {value: "54", name: "Kelly Slater"},
    {value: "55", name: "Rudy Hamilton"},
    {value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});

제가 찾은 것은 이렇다, 특별한 순서는 없습니다.

• .js 선택
• jQuery 토큰 입력 -- GitHub
• 선택2
• 텍스트 상자 목록
• 태그-잇 -- GitHitHub
• 텍스트 텍스트
• FCBKcomplete -- GitHub -- 데모
• jQuery Facebook 자동완료
• jquery - autosuggest -- drawwwilson 데모
• 파인즈 태그
• 태깅잇
• 태그잇
• jQuery 태그 입력
• 태그
• 잡동사니. token밭

만약 당신이 fb와 tw와 같은 사용자 언급 기능을 찾고 있다면, 이것은 좋은 플러그인 http://podio.github.io/jquery-mentions-input/ 입니다.

JQuery UI에 통합되기 전의 원래 JQuery 자동완성 플러그인입니다.JQuery UI 라이브러리 전체가 아닌 JQuery만 제공하고자 하는 경우 이 라이브러리를 사용합니다.저는 이것을 예전에 사용해본 적이 있고 그것에 만족해왔습니다.

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

이거 찾았어요.튼튼하고, 잘 유지되고, 반응이 좋아 보입니다.

http://ivaynberg.github.io/select2/

저는 데브브릿지의 자동 제안에 꽤 깊은 인상을 받았습니다.사용자 지정성이 뛰어난

언급URL : https://stackoverflow.com/questions/1191807/facebook-style-jquery-autocomplete-plugin