HTML5输入类型范围更新元素属性

Question

我正在尝试做的是<input type="range">更新元素属性： https://jsfiddle.net/kjunyxrj/

当用户滑动滑块时，元素的data-layout应该更改。 这适用于Edge，Chrome和Firefox，但不适用于IE11。