验证(HTML5):属性"X"不是元素"Y"的有效属性

Question

我经常这样做:

<input type="text" id="whatever" quantity="2" price="15" />

这导致VS2010发出上述警告 - 我可以接受警告,因为能够在表单字段上挂起数据的固有价值(这允许我以后将它们用于代码中,例如$('#whatever').attr('price'),或简单地使用document.getElementById('whatever').price)会造成麻烦警告值得承担.但是,我想知道这个问题的规范方法是什么......

任何人？

TIA - ekkis

Answer 1

你应该quantity="2" price="15"用data-quantity="2" data-price="15"- 替换- 这有额外的好处,可以通过jQuery的.data()方法访问值:

alert( $('#whatever').data('price') ); // displays 15

http://blog.jquery.com/2011/05/03/jquery-16-released/