Chosen: L'espace réservé aux données ne fonctionne pas

Peu importe, j'ai téléchargé la branche tomapano et utilisé l'attribut title.

Je voulais dire la branche tompaton

Je suis confronté à ce problème, et je ne peux pas le résoudre. Veuillez aider.

Si vous utilisez jQuery antérieur à 1.4.3, vous devez ajouter ce correctif pour ajouter la prise en charge des attributs de données HTML5 à jQuery.data() :

http://binarykitten.me.uk/dev/jq-plugins/288-html5-data-attributes-and-jquerys-data-pairing-made-in-heaven.html

Je vois le même problème et j'utilise jquery 1.6.4...

Peut-être que vous utilisez un jquery dépouillé? 1.6.4 devrait certainement fonctionner.

Non c'est la version complète

Essayez de créer un scénario de test minimal pour reproduire le problème.

Essaye ça:

http://marksteggles.com/chosen_test.html

Vous utilisez une ancienne version de selected, essayez à nouveau avec la dernière. Et essayez d'utiliser la version non-minifiée, de cette façon, il est plus facile de déboguer.

Pourquoi n'utilisez-vous pas attr('data-placeholder') au lieu de data('placeholder') ? Il est beaucoup plus portable et du même ordre de simplicité.

@varepsilon : Gardez à l'esprit que l'on peut écrire dans le hachage de données de jQuery sans mettre à jour l'attribut, donc les deux ne sont pas nécessairement équivalents. Par exemple:

<div id="foo" data-bar="baz"></div>

$('#foo').data('bar') // "baz"
$('#foo').data('bar', 'quux')
$('#foo').data('bar') // "quux"
$('#foo').attr('data-bar') // "baz"

Attention aussi à ce piège :

<div id="commit" data-hash="368e54010865"></div>

$('#commit').attr('data-hash') // "368e54010865"
$('#commit').data('hash') // Infinity

@davidchambers : Ok, je vois. Mais pourquoi ne pas utiliser une approche plus portable (dites aux utilisateurs de spécifier attr() et non data()) ? Et pourquoi il revendique la compatibilité jQuery 1.4.* alors que ce n'est pas vrai ?

@varepsilon : Je ne suis pas l'un des développeurs de Chosen, donc je ne peux pas dire pourquoi il a été décidé de tirer la valeur du hachage de données jQuery plutôt que de l'attribut data-placeholder .

Vous devez placer une option vide avant toutes les options :

Chosen définit automatiquement le texte du champ par défaut ("Choisissez un pays...") en lisant la valeur de l'espace réservé de données de l'élément select. Si aucune valeur d'espace réservé aux données n'est présente, la valeur par défaut sera « Sélectionner une option » ou « Sélectionner des options » selon que la sélection est unique ou multiple. Vous pouvez modifier ces éléments dans le fichier plugin js comme bon vous semble.

Remarque : sur les sélections simples, le premier élément est supposé être sélectionné par le navigateur. Pour profiter de la prise en charge du texte par défaut, vous devrez inclure une option vide comme premier élément de votre liste de sélection.

Face au même problème, en utilisant le dernier & jquery2 choisi avec une option vide.

Je suis également confronté au même problème..

J'ai eu le même problème, mais tout comme Mandrei99 l'a dit, vous devez avoir une option vide pour que cela fonctionne. A travaillé pour moi dès que j'en ai ajouté un.

J'ai eu le même problème et en plaçant un vide d'abord fait fonctionner. Merci @magicsky

Merci @andrei-manescu c'était tout ce dont j'avais besoin de mon côté ;)

Comment se fait-il que nous ayons besoin d'ajouter une option vide pour que cela apparaisse, ne devrait-il pas l'ajouter via javascript à la place ? Je cherchais depuis un moment quand j'ai vu que c'était seulement à cause de ça.