jquery – 将元数据添加到HTML元素的最佳方式

前端之家收集整理的这篇文章主要介绍了jquery – 将元数据添加到HTML元素的最佳方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图组合一个标记HTML中的各种组件的方法,该组件将被jQuery脚本解析,并在页面加载时创建.

例如,目前我可以把以下内容放在我的网页上

<a href="link.html" class="Theme-Button Theme-Button-Style-win2007 Theme-Button-iconLeft Theme-Button-AlignmentCenter Theme-Button-fullWidth">This is a button</a>

当jQuery脚本找到它时,它将注入必需的HTML,以创建一个带有图标的按钮和所有必要的事件等.

然而,这是凌乱的,需要很多长类的名字.我宁愿做这样的事情

<a href="#" class="Theme-Button" data="{style: 'win2007',icon: 'left',align:'center',fullWidth: true}"></a>

这不是那么短,但在我看来更细,需要较少的解析.麻烦的是,我已经对“expandos”做了一些研究,我相当肯定一些浏览器不会喜欢它,它不会验证.

有人有更好的建议吗

解决方法

继续使用这个属性,但在其上使用数据前缀.具有前缀数据的属性 – 对于HTML5的所有元素都是 explicitly allowed.例:
<a href="#" class="Theme-Button" data-theme="{style: 'win2007',fullWidth: true}"></a>

它在所有浏览器中工作(尽管W3验证器可能会投诉,因为它的HTML5支持还没有准备好进行黄金时段),并且因为它现在已经被指定了行为,这是未来的.

原文链接:https://www.f2er.com/jquery/180494.html

猜你在找的jQuery相关文章