当data-*属性改变时,如何更新元素
How to update element when data-* attribute changed
我有一个css样式的元素:#element:after { content: attr(data-percent); }
我试图改变数据百分比属性与JQuery像这样$('#element').data('percent', '50%');
属性变化,我可以通过console.log($('#element').data('percent'));
检查,但它不会重绘,仍然包含旧属性。
我应该调用什么函数来更新这个元素?
jQuery的data
将属性作为初始值,但它不使用它来实际存储数据,而是缓存在内存中。
允许存储任何你想要的值,而不是像HTML5标准那样仅仅是字符串。
如果您想使用属性来存储数据,请使用
$('#element').attr('data-percent', '50%');
jQuery不能引用和/或end:after或:before伪元素。CSS元素似乎不会自动更新所引用的attr()的更改。
我的建议是不要使用伪元素
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax聊天消息重复而不仅仅是更新
- 通过CSV文件上载更新数据库表
- 平均值:无法将数据更新到数据库
- $rootScope未使用forEach进行更新
- d3基于用户选择动态更新节点
- 有条件更新d3.js力图中节点的最佳方法
- Angular:更新一次性绑定的数据
- Javascript更新孙窗口中的表单元素
- 使用AngularJS中的筛选器更新给定的表
- 从选项页面更新chrome扩展清单权限
- 如何在不刷新页面的情况下更新显示框
- 延期承诺值未更新/解析/延期
- 如何在视图模型contet更新更新上调用Jquery函数
- 发布后的应用程序在几分钟后停止更新更新面板
- JSON对象中的数组属性通过foreach更新-更新所有键
- 为什么我可以't更新更新我的JavaScript对象属性值