2012-03-27 77 views
9

我可以使用jquery .data屬性,並且一個警報確認它可以工作,但是在頁面中使用螢火蟲時看不到數據屬性。jquery .data在螢火蟲中不可見?

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

您究竟如何期待在Firebug中「查看」它? '.data()'不使用HTML屬性。 – 2012-03-27 16:04:10

+2

這是因爲'.data()'實際上並不存儲在DOM元素或其jQuery對象中。它可以讀取'data-'屬性,但不會寫入它們。 – Blazemonger 2012-03-27 16:06:12

+1

可能的重複[如何jQuery。數據()的工作?](http://stackoverflow.com/questions/2764619/how-does-jquery-data-work) – j08691 2012-03-27 16:06:28

回答

14

投入.data(...)的信息可見DOM屬性。

您可以通過執行查看對象的數據console.log($('#something').data());

演示:http://jsfiddle.net/maniator/pQybU/

+1

嗨尼爾,一件事,我安裝了FireQuery來檢查out數據屬性,我發現,即使它們在編程方式中途改變(如前後顯示不同值的警報所證明的那樣),FireQuery始終顯示相同的初始值。這是一個已知的錯誤嗎? – SexyBeast 2013-03-16 22:11:00

+0

@Cupidvogel你如何使用firequery查看它?我一直試圖弄清楚。 (會節省很多'console.log'ing) – 2014-06-25 12:19:43

4

的jQuery實際上並不這樣添加數據屬性的元素,因此沒有在DOM是螢火蟲可以顯示。

正如Neal指出的那樣,您可以將數據記錄到控制檯以驗證它實際上是否存在。

或者,您可以安裝Firebug擴展,如FireQuery(http://firequery.binaryage.com/),以直接在Firebug自身中顯示jQuery數據。

+2

自Firebug 2.0(2014年中)以來,FireQuery不起作用。查看[FireQuery評論](https://addons.mozilla.org/en-us/firefox/addon/firequery/reviews/)。 – s3m3n 2015-06-12 11:27:15