元素li此时不允许使用属性类别。

Question

我从这个网格/列表布局演示中看到了这个页面，它非常整洁，但是验证器给出了类别筛选器的错误：

Attribute category not allowed on element li at this point.

下面是过滤器标记：

<ul>
   <!-- change the "cat-1", "cat-2", "cat-3" with your "Categories ID" -->
     <li class="cat-active" category="prod-cnt">All</li>
     <li class="" category="cat-1">Category 1</li>
     <li class="" category="cat-2">Category 2</li>
     <li class="" category="cat-3">Category 3</li>
</ul>

是否可以修复这个问题或使用另一个属性？谢谢。

Answer 1

按照@El Guapo的答案，在jQuery中更改这一行

var CategoryID = $(this).attr('category');

改为：

var CategoryID = $(this).data('category');

或者：

var CategoryID = $(this).attr('data-category');

Answer 2

通常，自定义属性(未由W3C定义的属性)以数据作为前缀-

因此，请尝试: data-category="“