JQuery .de données() ne fonctionne pas?

Récemment, j'ai été de codage, et je suis tombé sur un drôle de problème. J'ai été de tenter d'attribuer un attribut de données à un nouvel élément, j'avais créé (via jQuery), seulement pour découvrir qu'il ne serait pas en fait assigner l'attribut. Voir le lien ci-dessous pour un exemple, le code est donné ci-dessous:

http://jsfiddle.net/y95p100c/1/

Une idée de pourquoi ce qui se passe? Je n'ai jamais tombé dans ce...

var div = $("<div />")
$(div).data("foo", "bar")
console.log($(div)[0].outerHTML) //prints <div></div>
  • jQuery .data() fonction stocke les valeurs à l'intérieur.
InformationsquelleAutor user1143682 | 2014-09-16
  1. 125

    data n'est pas ensemble data-* attributs. Il gère un cache de données sans rapport avec data-* attributs. Il initialise de data-* attributs si il y a aucun présent, mais n'écrit jamais pour eux. Pour écrire à un attribut, l'utilisation attr.

    Exemple: Mis À Jour Le Violon

    var div = $("<div />")
$(div).attr("data-foo", "bar")
console.log($(div)[0].outerHTML)

    Ce que vous voyez n'est qu'une des nombreuses façons cela peut être surprenant. Une autre est que si votre balisage est <div id="elm" data-foo="bar"></div> et à un certain moment vous utilisez $("#elm").data("foo") pour obtenir la valeur (et il va en effet être "bar"), alors vous n' $("#elm").data("foo", "update"), l'attribut reste data-foo="bar" mais les données gérées par data a maintenant foo égal à "update". Mais la règle ci-dessus, il explique: data jamais écrit à data-* attrs.

    • intéressant, j'avais aussi essayé .prop() et il a échoué en tant que bien. Merci!
    • C'est parce que les attributs ne sont pas des propriétés. 🙂 C'est juste que beaucoup d'attributs prédéfinis ont reflété les propriétés (id, className, rel, src, ...). (prop probablement ne créer une propriété sur la div élément, mais ceux-là ne sont pas sérialisé quand vous regardez outerHTML, parce qu'ils sont pas en HTML.)
    • Couru dans cette exacte même problème; la bonne réponse, a permis de préciser pour moi.
    • lol wow pas étonnant que jQuery est tombé du radar. Terriblement confus de l'API. Faire une réécriture sur cette jQuery application est le puits. Merci pour la réponse, je me demandais avec qui se passe.
    • Alors que jQuery ne veut absolument avoir des problèmes d'API (et c'est l'un d'entre eux), je pense qu'une bibliothèque utilisée par 71,4% de la tous sites web dans le monde peut à peine dire "tombé hors du radar." Mais si jQuery n'commencer à perdre des parts, ce qui, je pense probablement, je pense que ce ne sera pas vers le bas de son API, mais plutôt à MVC/MVVM/choisissez votre favori-acronyme-ici sous la forme de Réagir, Angle, Vue, Ember, ...
    • me demande combien de fois je vais l'oublier, et de garder de revenir et de voir que j'ai déjà voté cette question\answer.
    • Je le fais aussi! Il y a une donnée SQL question... 🙂

    InformationsquelleAutor T.J. Crowder
  2. 23

    jQuery importe le data- attributs lorsque l'élément est chargé, mais ne sont pas accessibles par la suite. Les éléments sont stockés dans un jQuery structure interne. De l'API:

    La data- attributs sont tirés dans le premier moment, les données de la propriété est accessible et puis ne sont plus accessibles ou muté (toutes les valeurs de données sont ensuite enregistrées dans la mémoire interne en jQuery).

    • +1 18:49:44 (dans mon fuseau horaire) vs 18:49:53. Wow. Juste wow.
    InformationsquelleAutor lonesomeday