95 votes

Comment supprimer / modifier le texte d'assistance automatique JQuery UI?

Il semble que c'est une nouvelle fonctionnalité dans l'INTERFACE utilisateur de JQuery 1.9.0, parce que j'ai utilisé JQuery UI beaucoup de fois avant, et ce texte ne jamais poped.

Ne pouvais pas trouver tout ce qui est lié sur la documentation de l'API.

En utilisant une base de saisie semi-automatique exemple avec une source locale

$( "#find-subj" ).autocomplete({
    source: availableTags
});

Lorsque les résultats de la recherche qu'il montre ce helper texte:

'1 le résultat n'est disponible, utilisez les flèches haut et bas pour naviguer.'

Comment puis-je désactiver dans une jolie manière de, pas en l'enlevant avec des sélecteurs JQuery.

154voto

TK123 Points 4733

Je sais que cela a été répondu, mais je voulais juste donner un exemple d'implémentation:

 $("#find-subj").autocomplete({
    source: availableTags,
    messages: {
        noResults: '',
        results: function() {}
    }
});
 

89voto

Bema Points 4128

Ceci est utilisé pour l'accessibilité, un moyen facile de le cacher est avec CSS:

 .ui-helper-hidden-accessible { display:none; }
 

Ou (voir le commentaire de Daniel ci-dessous)

 .ui-helper-hidden-accessible { position: absolute; left:-999em; }
 

24voto

Mike Campbell Points 3705

La meilleure réponse ici réalise l'effet visuel souhaité, mais détruit l'objet de jQuery ayant le support ARIA, et est un peu difficile pour les utilisateurs qui en dépendent! Ceux qui ont mentionné que jQuery CSS cache cela pour vous sont corrects, et c'est le style qui le fait:

 .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
 

Copiez-le dans votre feuille de style au lieu de supprimer le message, s'il vous plaît :).

17voto

j08691 Points 86464

Selon ce blog:

Nous allons maintenant utiliser ARIA vivre régions d'annoncer lorsque les résultats sont disponibles et la façon de naviguer à travers la liste de suggestions. Les annonces peut être configuré à l'aide de l'option messages, qui possède deux propriétés: noResults lorsque des éléments sont retournés et les résultats lorsque l'une au moins un article est retourné. En général, vous n'aurez qu'à modifier ces les options si vous voulez la chaîne à être écrites dans une langue différente. Les messages d'option est soumise à changer dans les futures versions, alors que nous travailler sur une solution complète pour la manipulation de chaînes et l'internationalisation à travers tous les plugins. Si vous êtes intéressé dans le les messages d'option, nous vous encourageons à lire la source; l' code est à la fin de la saisie semi-automatique du plugin et est seulement quelques lignes.

...

Alors, comment est-ce que cela s'applique à la saisie semi-automatique widget? Bien, maintenant, quand vous rechercher un élément, si vous avez un lecteur d'écran installé, il va lire vous avez quelque chose comme "1 résultat est disponible, utilisez les flèches haut et bas pour naviguer.". Plutôt cool, hein?

Donc, si vous allez à github et de regarder la saisie semi-automatique du code source, autour de la ligne 571, vous verrez où cela est réellement mis en œuvre.

12voto

user2708344 Points 49

L'ajout du fichier jquery css a également permis de supprimer le texte d'instruction.

 <link
 rel="stylesheet"
 href="http://code.jquery.com/ui/1.9.0/themes/smoothness/jquery-ui.css" />
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X