dati jQuery() restituisce undefined, attr() restituisce intero

Question

ho il seguente codice:

alert($embellishment.data("embellishmentId")); 
alert($embellishment.attr("data-embellishmentId")); 

Il primo allarme restituisce undefined, mentre il secondo avviso restituisce un intero, 3.

-- SEE DEMO --

Sto utilizzando jQuery versione 1.7.2 (data è stato aggiunto con la versione 1.4 credo)

Perché è questo? Dovrei usare data() affatto se non sta restituendo i valori giusti?

Answer 1

OK. Ho trovato il problema interpretando jQuery docs.

quando si scrive:

$embellishment.data("embellishmentId"); 

è gestita da jQuery come attributo composto:

<div data-embellishment-id="3"></div> 

Così, per risolvere il problema è possibile utilizzare lettere minuscole nella chiave di dati altrimenti diventa solo indirizzi il diverso attributo.

<!-- HTML --> 
<div data-embellishmentid="3"></div> 

// JavaScript 
$embellishment.data("embellishmentid");