javascript - jQuery setInterval 不断更新数据属性

Question

我有一个 div 类名称“tw_marquee_scroller”。我想每 1 秒更新一次它的 data-left 值。例如，在第一秒，值将是 10，然后是 20,30,40 ....... 我正在使用这段代码，但它一次又一次地返回 10。这是什么问题？

jQuery(document).ready(function($){

    $('.tw_marquee_scroller').attr('data-left', 0);

    setInterval(function(){
        var position = parseInt($('.tw_marquee_scroller').data('left'));
        var new_position = position + 10;
        $('.tw_marquee_scroller').attr('data-left', new_position);
        console.log(new_position);
    }, 1000);

});

Answer 1

尝试使用 data() 编写 data 属性，而不是 attr():

$('.tw_marquee_scroller').data('left', 0);

setInterval(function(){
    var position = parseInt($('.tw_marquee_scroller').data('left'));
    var new_position = position + 10;
    $('.tw_marquee_scroller').data('left', new_position);
    console.log(new_position);
}, 1000);