Question

我想将backgroundSize动画为data - 属性的数量。

<div class="polloption" data-percent="36" data-id="123" data-poll="12" style="background: url(img/danger.jpg);background-repeat:no-repeat;">

jQuery-Part：

    $(document).ready(function(){

        var percent = $(this).attr('data-percent');
        $('.polloption').text(percent);   
        $('.polloption').animate(
            {
                backgroundSize: percent + '%',
            }, 1000);       
    });

文档准备就绪没有任何结果。但如果我手动编写backgroundSize: '36%' - 它可以工作。

如何从当前data-percent获取.polloption？

Answer 1

你在这一行有一个错字：

var percent = $(this).attr('data-percent');

将这样一行更改为：

$('.polloption').each(function (idx, ele) {
    var percent = $(ele).attr('data-percent');
    $(ele).text(percent);
    $(ele).animate({
        backgroundSize: percent + '%',
    }, 1000);
})

jQuery - 使用数据属性动画backgroundSize

1 个答案: