IE11(and maybe lower version too) has problems with custom data-* attribute
and css. If you are using custom data attribute to hook css and then change the
value of the attribute at runtime, the CSS that is to be applied wont get
applied.
Fiddle showing the problem: http://jsfiddle.net/z8a38wd2/
On IE11, nothing will happen, but on other browser, a blue or red square will
appear. To fix the problem, you have to go back to using class.
IE11(and maybe lower version too) has problems with custom
data-*attributeand css. If you are using custom data attribute to hook css and then change the
value of the attribute at runtime, the CSS that is to be applied wont get
applied.
On IE11, nothing will happen, but on other browser, a blue or red square will
appear. To fix the problem, you have to go back to using
class.