StackOverflow의 입력 태그와 같은 jQuery 자동 완성 태그 지정 플러그인? [닫은]

522

SO가 태그 입력에 사용하는 것과 동일한 자동 완성을 달성하는 솔루션은 무엇입니까?

한 단어를 처리 할 수있는 플러그인이 있지만 여러 단어를 처리하는 플러그인을 보지 못했습니다.

jquery  autocomplete  tags 
— 조 필립스
소스
도구 rec로 닫는 투표.
— Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
1
내가 만든 최고의 github.com/yairEO/tagify
— vsync
@vsync 첫 번째 답변의 목록에 추가했습니다. 불행히도 답변에 코드가 없기 때문에 codepen.io에 직접 연결할 수 없습니다
— Joe Phillips
@JoePhilllips-아마도 구글 URL 단축 URL을 허용 할 것입니다
— vsync
@JoePhilllips-내 플러그인은 목록 상단의 최고의 플러그인보다 낫고 상단에 있어야 할 가치가 있으며 그에 대한 좋은 판매 포인트가 있습니다. 현재 목록의 최상위 항목은 부풀어 오름 (x4보다 큼)이며 추가 입력 요소 (양식 직렬화에 나쁨)를 사용하며 쉼표 나 태그 붙여 넣기를 지원하지 않습니다. 그것은 좋지만 대부분의 경우에 필요하지 않은 일부 기능을 제공합니다. autocompleteIMHO
— vsync

답변:

763

활동, 데모 / 예제 및 단순성의 순서 :

관련 :

— 드미트리 네 스테 류크
소스
IE9에서 "라인 : 18 오류 : 개체가 속성 또는 메서드 'tagit'을 지원하지 않습니다"
— Raghav
2
이 놀라운 플러그인의 최신 버전, 문서 및 더 광범위한 예제를 찾는
— 사람
1
업데이트 : 지금 magicsuggest가 가장 좋은 옵션이라고 생각합니다.
— ssj
8
태그가 과대 평가되었습니다. 간단한 태그 시스템에 jquery를 요구하는 것은 너무 많지만 jQuery UI 및 jquery UI CSS를 요구하는 것은 요즘 화를 내고 있습니다. 그럴 가치가 없어.
— Alvaro
1
@ scniro 내 프로젝트에서 이미 사용중인 jQuery를 사용하지 않기 때문에 jquery.tagsinput을 사용했습니다. jquery UI와 CSS를 요청하는 것이 화가 났지만.
— Alvaro
62

부트 스트랩 : 부트 스트랩을 사용중인 경우. 이것은 정말 좋은 것입니다 : Select2

또한 토큰 입력 은 흥미로운 것입니다. 첫째, jQuery-UI에 의존하지 않으며, 둘째로 구성이 매우 부드럽습니다.

내가 가진 유일한 문제는 기본적으로 무료 태그 지정을 지원하지 않습니다. 따라서 응답 JSON의 일부로 쿼리 문자열을 클라이언트에 다시 반환해야합니다.

주석에 언급 된 @culithay와 같이 TokenInput은 사용자 정의 할 수있는 많은 기능을 지원합니다. 그리고 다른 것들이 가지고 있지 않은 일부 기능을 강조하십시오.

  • tokenLimit : 사용자가 선택할 수있는 최대 결과 수입니다. 무제한 선택을 허용하려면 null을 사용하십시오.
  • minChars : 검색을 수행하기 전에 사용자가 입력해야하는 최소 문자 수입니다.
  • queryParam : 서버 측에서 검색어를 포함 할 것으로 예상되는 쿼리 매개 변수의 이름

입력 주셔서 감사합니다 culithay.

— 니 산트
소스
3
TokenInput은 내가 찾은 것과 정확하게 일치합니다. 사용자가 물건을 입력하고 서버에서 검색을 수행하며 사용자는 검색된 요소를 선택하고 헹구고 반복 할 수 있습니다.
— Mala
1
TokenInput은 사용자 정의 할 수있는 많은 기능을 지원합니다. 그리고 다른 사람들에게는없는 몇 가지 기능을 강조합니다. -tokenLimit : 사용자가 선택할 수있는 최대 결과 수입니다. 무제한 선택을 허용하려면 null을 사용하십시오-minChars : 검색을 수행하기 전에 사용자가 입력해야하는 최소 문자 수입니다. -queryParam : 서버 측에서 검색어를 포함 할 것으로 예상되는 쿼리 매개 변수의 이름
— culithay
1
@culithay 님이 답변에 추가되었습니다
— Nishant
새로운 무료 태그를 추가하는 방법 : stackoverflow.com/questions/28656977/… Hard :-(
— Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
좋아요 프리 태깅을 지원하지 않는 것은 쉽게 극복 할 수 있기 때문에 큰 문제가 아닙니다.
— RationalRabbit
9

이것은 원래 더 이상 존재하지 않는 CDN을 통해 jQuery를 다운로드하는 것에 대한 jQuery 다운로드의 지혜에 대한 보충 질문에 대답했습니다 ...

구글에 관한 것. 나는 내 사이트의 해당 CDN을 통해 JQuery와 대부분의 다른 종류의 라이브러리에 액세스하는 것으로 넘어 갔다.

더 많은 사람들이이 작업을 수행할수록 사용자 컴퓨터에 캐시 될 가능성이 높아 지므로 내 투표는 좋은 생각입니다.

내가 이것을 처음 제안한 후 5 년 동안, 그것은 일반적인 지혜가되었습니다.

— 줄리안
소스
3
우리는 이것을 기본 템플릿의 일부로 롤아웃합니다. Google은이 코드를 CDN보다 빠르게 압축하여 CDN에서 제공 할 수 있으며, 방문자가 캐시 한 확률이 2 % 인 경우 전혀 가능성이없는 것보다 낫습니다.
— Tom
27
이것이 원래 질문에 대한 대답은 어떻습니까?
— Derek
3
마지막 부분 인 'Also, ...'는 Google 버전에 연결하는 것이 좋은지 나쁜지 묻습니다. 제 대답은 점점 더 좋은 생각입니다.
— Julian
@Derek 나는 원래 그것을 물었을 때 다른 수용 가능한 대답이 없다고 생각합니다. 그 이후로 바뀌었다.
— Joe Phillips
1

우리는이 jquery 플러그인 Github (tactivos / jquery-sew)을 오픈 소스로 제공했습니다 .

— 사용자 1880508
소스
1
이 링크가 질문에 대한 답변을 제공 할 수 있지만 여기에 답변의 필수 부분을 포함시키고 참조 용 링크를 제공하는 것이 좋습니다. 링크 된 페이지가 변경되면 링크 전용 응답이 유효하지 않고 다운 보트 될 수 있습니다. 중요한 이유는 답변 방법을 참조하십시오 .
— 바이트 버스터
3
데모 페이지가 죽었습니다.
— Edward Olamisan
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.