jQuery implémente la complétion automatique de texte de Twitter effect_jquery

L'effet ci-dessus peut être obtenu en utilisant le plug-in jQuery Typeahead.js. Ce plug-in jQuery provient d'un nouveau projet de Twitter et prend en charge les ensembles de données distants et locaux. La fonctionnalité unique est que vous pouvez utiliser le stockage local pour enregistrer l'ensemble de données localement, ce qui améliore efficacement l'expérience utilisateur. Il dispose également de nombreuses options pour gérer les ensembles de données distants, telles que (fréquence des requêtes, nombre maximum de requêtes simultanées, etc.).

Caractéristiques principales

Prend en charge la sauvegarde des données locales, le chargement du client, la vitesse de chargement optimisée
Prend en charge plusieurs langues et prend en charge l'arabe
Prise en charge de l'intégration du moteur de modèles Hogan.js
Prend en charge l'assemblage de plusieurs ensembles de données
Prend en charge les ensembles de données locaux et distants

Adresse du projet

http://twitter.github.io/typeahead.js

Comment utiliser

Introduisez d'abord le framework jQuery et les fichiers JS et CSS associés du plug-in Typeahead.js dans l'en-tête de la page Web

Copier le code Le code est le suivant :

Puis

ajoutez l'élément HTML que vous souhaitez animer, tel que

Copier le code Le code est le suivant :

Enfin
Initialisation

Copier le code

Le code est le suivant : voir la source $( '#demo' ).typeahead({

nom : 'test',

local : [ "Site518" , "Lwolf" ],
limite : 10
});