jquery - jQuery 这个选择器不适用于 animate() 方法属性

Question

有人可以向我解释为什么“this”选择器不适用于 animate() 方法属性。

请参阅http://jsfiddle.net/qZVv4/上的第一个示例，没有产生任何错误，它只是忽略它。

 $('#test1 .bar[data-percentage]').animate({
     width: $(this).attr('data-percentage'),
     easing: 'easeOutBounce'
 }, 1000, function () {
     $(this).text($(this).attr('data-percentage'));
 });

Answer 1

因为this不是指您的元素。你仍然在同一个范围内，所以this不会改变。你必须这样做：

// You need the easing plugin
// https://github.com/danro/jquery-easing

$('#test1 .bar[data-percentage]').each(function() {
    var $this = $(this);

    $this.animate({
        width: $this.data('percentage')
    }, {
        duration: 1000,
        //easing: 'easeOutBounce',
        step: function(value) {
            $(this).text(value + '%');
        }
    });
});

演示：http: //jsfiddle.net/qZVv4/4/

Answer 2

Javascript只有函数范围，this在你的例子中不在回调函数中，它只是引用window对象。