2013-08-08 13 views
12

Przechowuję niektóre niestandardowe dane w atrybucie danych HTML5 dla przetwarzania Jquery. czy niestandardowy atrybut danych będzie dostępny w starszych przeglądarkach?Czy obsługa atrybutów danych HTML 5 w starych przeglądarkach?

+0

spojrzeć na to http://stackoverflow.com/questions/2815128/what-browsers-are-compatible-with-html5 – christiandev

+1

możliwe duplikat [Wykonaj niestandardowe atrybuty danych HTML5 "w IE 6?] (http://stackoverflow.com/questions/2412947/do-html5-custom-data-attributes-work-in-ie-6) – whostolemyhat

Odpowiedz

7

Atrybut samo będzie działać we wszystkich przeglądarkach. W końcu to tylko atrybut. Byłoby to „praca” w tym sensie, że atrybut będzie istnieć w DOM:

<div random-attribute="hello"></div> <!-- invalid, but "works" --> 
<div data-random="hello"></div> <!-- valid (in browsers with HTML5 support) --> 

Natywna dataset własność elementów nie będzie działać w starszych przeglądarkach, ale getAttribute będzie:

var random = document.getElementById("x").dataset.random; 
// or 
var random = document.getElementById("x").getAttribute("data-random"); 
17

HTML5 Właściwość datalist nie jest dostępna w starszych przeglądarkach (może być łatwo polyfilowana). Zawsze można użyć standardowej metody getAttribute zamiast oczywiście, i data-xxx atrybuty na elementy HTML są akceptowane przez wszystkie przeglądarki (tak długo, jak jesteś w trybie HTML i xHTML, gdzie nie są one nieważne)

Ale twoje pytanie wydaje bardziej szczegółowo o jQuery niż HTML5, a do tego odpowiedź brzmi: Tak - metoda jQuery .data() jest dostępna we wszystkich przeglądarkach obsługiwanych przez jQuery.

+0

To jest pomocne dla mnie. Dzięki. – bleedCoder

+0

@bleedCoder - należy użyć zielonej ikony znacznika obok najbardziej przydatnej odpowiedzi, aby oznaczyć tę odpowiedź jako "zaakceptowaną". To nagrodzi osobę, która napisała odpowiedź, a także pomoże innym, którzy szukają tego samego problemu w przyszłości, aby znaleźć właściwą odpowiedź. – Spudley

0

Wszystko, co obsługuje HTML, będzie miało dostęp do atrybutu danych HTML. Przetwarzanie go po stronie klienta przez JQUERY powinno być absolutnie w porządku.

W rzeczywistości musiałem to ostatnio zrobić dla projektu w pracy i działało to aż do poziomu ie7.

Jeśli chcesz używać atrybutów danych HTML do stylizacji za pomocą CSS, potrzebujesz przeglądarek obsługujących selekcje CSS3. Które jest cokolwiek poniżej IE9 i kilka starszych wersji firefox.

To może być interesujące dla Ciebie:

Do HTML5 custom data attributes “work” in IE 6?

Powiązane problemy