2012-03-27 12 views
9

Posso usare l'attributo jquery .data e un avviso conferma che ha funzionato, ma non vedo l'attributo dei dati nella pagina usando firebug.jquery .data non visibile in firebug?

$('#something').data('foo', 52);   
alert($('#something').data('foo'));  
+0

Come esattamente ti aspetti di "vederlo" in Firebug? '.data()' non usa gli attributi HTML. –

+2

Questo perché il '.data()' non è in realtà memorizzato sull'elemento DOM o sul suo oggetto jQuery. Può leggere gli attributi 'data-', ma non scrive su di essi. – Blazemonger

+1

possibile duplicato di [Come funziona jQuery .data()?] (Http://stackoverflow.com/questions/2764619/how-does-jquery-data-work) – j08691

risposta

14

Le informazioni messe in .data(...) è non un attributo DOM visibile.

È possibile visualizzare i dati di un oggetto facendo console.log($('#something').data());

Demo: http://jsfiddle.net/maniator/pQybU/

+1

Ciao Neal, una cosa, ho installato FireQuery per controllare gli attributi dei dati, ho scoperto che anche quando sono modificati a livello centrale a metà strada (come evidenziato dagli avvisi che mostrano valori diversi prima e dopo), FireQuery continua a mostrare lo stesso valore iniziale. È un bug noto? – SexyBeast

+0

@Cupidvogel come lo visualizzi usando la firequery? sto cercando di capirlo. (risparmierebbe un sacco di 'console.log'ing) –

4

jQuery in realtà non aggiunge un attributo di dati, come ad esempio l'elemento e quindi non c'è nulla nel DOM che Firebug può visualizzare .

Come indicato da Neal, è possibile registrare i dati sulla console per verificare che sia effettivamente lì.

In alternativa è possibile installare un'estensione Firebug come FireQuery (http://firequery.binaryage.com/) per visualizzare direttamente i dati jQuery in Firebug stesso.

+2

FireQuery non funziona da Firebug 2.0 (metà del 2014). Controlla [recensioni FireQuery] (https://addons.mozilla.org/en-us/firefox/addon/firequery/reviews/). – s3m3n