javascript - jQuery - 了解步进动画函数内部的 `this`

标签 javascript jquery

我有每个函数,里面有带步进函数的动画。 当我尝试调用 $(this) 并调用当前的选择器时 - 它不起作用并给我一些对象(可能是动画步骤函数)

如何到达每个元素选择器的$(this)???

我的代码:

$(".animateNumber").each(function(){
    var selector = $(this);
    jQuery({ counter: 0 }).animate({
        counter: $(this).text()
    }, {
        step: function() {
            // problem: the $(this) not working - if change to `selector` working
            $(this).text(Math.ceil(this.counter));
        }
    });
});

最佳答案

    $(".animateNumber").each(function(i,v){
        jQuery({ counter: 0 }).animate({
            counter: $(v).text()
        }, {
            step: function() {
                $(v).text(Math.ceil(this.counter));
            }
        });
     });

关于javascript - jQuery - 了解步进动画函数内部的 `this`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37095544/

相关文章:

javascript - 仅在单击下拉菜单时填充下拉菜单

javascript - Nodejs 可怕的异步问题

javascript - 如何使用jquery在高度之间执行

javascript - 通过树遍历选择元素的多重选择器

javascript - 无法执行ajax post操作

javascript - 使用外部javascript的html表单验证

javascript - OUT 在命令行中总是为空,但在 SQL 客户端中却不是?

javascript - 我无法在 jquery 中访问我的闭包函数

javascript - 物体似乎出现在我的 Canvas 后面

javascript 不工作 - $ 未定义问题