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

Question

我正在尝试根据用户屏幕分辨率更改div元素的数据属性，我正在使用impress.js库，我想设置数据属性为scale的div概述，我要切换的值是桌面2.0和笔记本电脑2.5。

以下是我的代码。

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

我的jquery代码是。

$(window).resize(function() {

   if(window.innerWidth == 1680){

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

   }else{

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

   }

})

我能够获取innerWidth的值，但无法更改数据属性的值，任何建议都会很棒！

Answer 1

＆＃13;

＆＃13;

$(window).resize(function() {

   if(window.innerWidth == 1680){

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

   }else{

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

   }

})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="overview" class="step" data-x="-700" data-y="-500" data-scale="2">demo
</div>

＆＃13;

＆＃13;

＆＃13;

希望这可以帮到你。