StackOverflow의 입력 태그와 같은 jQuery 자동 완성 태그 지정 플러그인? [닫은]
SO가 태그 입력에 사용하는 것과 동일한 자동 완성을 달성하는 솔루션은 무엇입니까?
한 단어를 처리 할 수있는 플러그인이 있지만 여러 단어를 처리하는 플러그인을 보지 못했습니다.
활동, 데모 / 예제 및 단순성의 순서 :
- ( 데모 ) https://github.com/yairEO/tagify
- ( 데모 ) https://github.com/aehlke/tag-it
- ( 데모 ) http://ioncache.github.com/Tag-Handler/
- ( 데모 ) http://textextjs.com/
- ( 데모 ) https://github.com/webworka/Tagedit
- ( 데모 ) https://github.com/documentcloud/visualsearch/
- ( 데모 ) http://harvesthq.github.io/chosen/ (이것은 실제로 태그 플러그인이 아닙니다)
- (데모?) http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
- (데모?) http://jcesar.artelogico.com/jquery-tagselector/
- (데모?) http://remysharp.com/wp-content/uploads/2007/12/tagging.php
- (데모?) http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflow.aspx
관련 :
부트 스트랩 : 부트 스트랩을 사용중인 경우. 이것은 정말 좋은 것입니다 : Select2
또한 토큰 입력 은 흥미로운 것입니다. 첫째, jQuery-UI에 의존하지 않으며, 둘째로 구성이 매우 부드럽습니다.
내가 가진 유일한 문제는 기본적으로 무료 태그 지정을 지원하지 않습니다. 따라서 응답 JSON의 일부로 쿼리 문자열을 클라이언트에 다시 반환해야합니다.
주석에 언급 된 @culithay와 같이 TokenInput은 사용자 정의 할 수있는 많은 기능을 지원합니다. 그리고 다른 것들이 가지고 있지 않은 일부 기능을 강조하십시오.
- tokenLimit : 사용자가 선택할 수있는 최대 결과 수입니다. 무제한 선택을 허용하려면 null을 사용하십시오.
- minChars : 검색을 수행하기 전에 사용자가 입력해야하는 최소 문자 수입니다.
- queryParam : 서버 측에서 검색어를 포함 할 것으로 예상되는 쿼리 매개 변수의 이름
입력 주셔서 감사합니다 culithay.
이것은 원래 더 이상 존재하지 않는 CDN을 통해 jQuery를 다운로드하는 것에 대한 jQuery 다운로드의 지혜에 대한 보충 질문에 대답했습니다 ...
구글에 관한 것. 내 사이트의 해당 CDN을 통해 JQuery 및 대부분의 다른 종류의 라이브러리에 액세스했습니다.
더 많은 사람들이이 작업을 수행할수록 사용자 컴퓨터에 캐시 될 가능성이 높아 지므로 내 투표는 좋은 생각입니다.
내가 이것을 처음으로 제안한 후 5 년 동안, 그것은 일반적인 지혜가되었습니다.
또 다른 훌륭한 플러그인 : http://documentcloud.github.com/visualsearch/
이 플러그인을 확인하십시오 :
태그를로드하기 위해 AJAX를 사용하는 방법 https://stackoverflow.com/a/7662534/1078027
우리는이 jquery 플러그인 Github : tactivos / jquery-sew를 오픈 소스로 만들었습니다 .
'development' 카테고리의 다른 글
Java에서 "최종 클래스"의 요점은 무엇입니까? (0) | 2020.02.11 |
---|---|
프로그래밍 방식으로 iPhone에서 SMS를 보내는 방법은 무엇입니까? (0) | 2020.02.11 |
반환 유형이없는 기능 위임 (0) | 2020.02.11 |
파이썬에서 YAML 파일을 구문 분석하는 방법 (0) | 2020.02.11 |
파이썬에서 문자열 비교 : is vs. == [duplicate] (0) | 2020.02.11 |