jQuery plug-in di codifica automatica come i tag di input di StackOverflow? [chiuso]


523

Quali soluzioni realizzano lo stesso completamento automatico che SO utilizza per l'immissione dei tag?

Ci sono plugin che possono gestire una sola parola ma non ne ho visti di nessuno che gestiscono più parole.


Votare per chiudere come strumento rec.
Ciro Santilli 30 冠状 病 六四 事件 法轮功

1
Ho creato il meglio - github.com/yairEO/tagify
vsync il

@vsync L'ha aggiunto all'elenco nella prima risposta. Sfortunatamente non riesco a collegarmi direttamente a codepen.io a causa della mancanza di codice nella risposta
Joe Phillips,

@JoePhilllips - forse accetterà gli URL abbreviati di Google
vsync

@JoePhilllips - Il mio plugin è migliore del migliore in cima all'elenco e merita di essere in cima e ho buoni punti di vendita per questo. attualmente quello in cima all'elenco è gonfio (x4 rispetto al mio), utilizza un elemento di input aggiuntivo (non valido per la serializzazione dei moduli) e non supporta virgole o incollare tag con essi. offre alcune funzionalità che sono belle ma non necessarie nella maggior parte dei casi. autocompletedovrebbe essere usato disperatamente IMHO
vsync il

Risposte:


763

Su IE9 viene visualizzato "Errore Line: 18: l'oggetto non supporta la proprietà o il metodo 'tagit'"
Raghav,

2
Chiunque cerchi la versione più aggiornata, la documentazione e gli esempi più estesi di questo fantastico plugin dovrebbe andare qui e sborsare: github.com/aehlke/tag-it
Crisman,

1
aggiornamento: penso che magicsuggest sia l'opzione migliore ora.
SSJ

8
tag-it è sopravvalutato. Richiedere jquery per un semplice sistema di tag è troppo, ma richiedere anche l'interfaccia utente di jQuery e l'interfaccia utente CSS di jquery è semplicemente pazzo al giorno d'oggi. Non ne vale la pena.
Alvaro,

1
@scniro Ho finito con jquery.tagsinput perché non mi dispiace usare jQuery che è già in uso nel mio progetto. Ho pensato che fosse pazzo richiedere l'interfaccia utente e CSS di jquery.
Alvaro,

62

Bootstrap: se si utilizza Bootstrap. Questo è davvero buono: Select2

Inoltre, TokenInput è interessante. Innanzitutto, non dipende da jQuery-UI, in secondo luogo la sua configurazione è molto fluida.

L'unico problema che ho riscontrato non supporta la codifica libera in modo nativo. Quindi, devo restituire la stringa di query al client come parte della risposta JSON.


Come menzionato da @culithay nel commento, TokenInput supporta molte funzionalità da personalizzare. E in evidenza alcune funzionalità che le altre non hanno:

  • tokenLimit: il numero massimo di risultati che possono essere selezionati dall'utente. Usa null per consentire selezioni illimitate
  • minChars: il numero minimo di caratteri che l'utente deve inserire prima di eseguire una ricerca.
  • queryParam: il nome del parametro della query che si prevede contenga il termine di ricerca sul lato server

Grazie culithay per l'input.


3
TokenInput sembra esattamente quello che stavo cercando: l'utente digita alcune cose, esegue una ricerca sul server, l'utente può selezionare un elemento cercato, sciacquare e ripetere.
Mala,

1
TokenInput supporta molte funzionalità da personalizzare. E metto in evidenza alcune funzionalità che gli altri non hanno. - tokenLimit: il numero massimo di risultati che possono essere selezionati dall'utente. Usa null per consentire selezioni illimitate - minChars: il numero minimo di caratteri che l'utente deve inserire prima di eseguire una ricerca. - queryParam: il nome del parametro di query che si prevede contenga il termine di ricerca sul lato server
culithay

1
@culithay ha aggiunto alla risposta
Nishant il


Buona Non supportare la codifica libera non è un grosso problema, poiché può essere facilmente superato.
RationalRabbit

9

Questo originariamente ha risposto a una domanda supplementare sulla saggezza di scaricare jQuery rispetto all'accesso tramite un CDN, che non è più presente ...

Per rispondere alla domanda su Google. Sono passato ad accedere a JQuery e alla maggior parte di questi tipi di librerie tramite la CDN corrispondente nei miei siti.

Come più persone fanno questo significa che è più probabile che venga memorizzato nella cache dei computer degli utenti, quindi il mio voto va per una buona idea.

Nei cinque anni in cui l'ho offerto per la prima volta, è diventata saggezza comune.


3
Lo implementiamo anche come parte dei nostri modelli predefiniti. Google può pubblicare questo codice compresso e estratto da una CDN più velocemente di noi, inoltre se c'è anche una probabilità del 2% che un visitatore abbia questa cache, è meglio che non farlo affatto.
Tom,

27
Come è questa la risposta alla domanda originale?
Derek,

3
L'ultima parte "Inoltre, ..." mi chiede se il collegamento alla versione di Google sia una buona o una cattiva idea, e la mia risposta è che è sempre più una buona idea.
Julian,

@Derek Non penso di avere altre risposte accettabili quando l'ho chiesto inizialmente. Da allora è cambiato.
Joe Phillips,



1

Abbiamo appena aperto questo plug-in jquery Github: tactivos / jquery-sew .


1
Sebbene questo collegamento possa rispondere alla domanda, è meglio includere qui le parti essenziali della risposta e fornire il collegamento come riferimento. Le risposte di solo collegamento possono diventare non valide (e ridimensionate) se la pagina collegata cambia. Vedi come rispondere per sapere perché è importante.
bytebuster,

3
La pagina demo è morta.
Edward Olamisan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.