使用Javascript或jquery更改数据属性的值

我正在尝试根据用户屏幕分辨率更改div元素的数据属性，我正在使用impress.js库，我想设置数据属性为

scale

的div overview，我想切换的值是台式机的2.0，笔记本电脑的2.5

下面是我的代码

<div id="overview" class="step" data-x="-700" data-y="-500" data-scale="2">
    </div>

我能够获得innerWidth的值，但无法更改数据属性的值，任何建议都将非常好

$（窗口）。调整大小（函数（）{
如果（window.innerWidth==1680）{
$（“#概述”）.attr（'data-scale'，'2'）；
}否则{
$（“#概述”）.attr（'data-scale'，'2.5'）；
}
})

演示

您没有提到任何问题…如果您想更改属性，请使用

.attr（）

即

$（“#概述”）.attr（'data-scale'，2.5）

window.innerWidth==1680

需要是

window.innerWidth使用
if（$（window.width（）>=1680）{}
代替您的条件抱歉，但是您不能在impress工作时更改比例值，impress.js有自己的方法在屏幕更改时重置视图端口，您可以通过将
数据最小刻度=“1”数据最大刻度=“1”
放在您的
上来禁用自动缩放。
$(window).resize(function() {

   if(window.innerWidth == 1680){

   $('#overview').data('scale', 2);

   }else{

     $('#overview').data('scale', 2.5);

   }

})