javascript - 如何检测 jquery Fade 动画是否正在进行？

Question

这是关于 jQuery fadeIn fadeOut 的代码

function timecheck(obj,options,inAction){
    var items = options.items;

    // check if anything needs to be done
    for (var i=0; i<items.length; i++) {
            if(items[i][0]> obj.get(0).currentTime) {
                $('#item_'+i).hide();
            }else if(items[i][0]<=obj.get(0).currentTime && items[i][1] >= obj.get(0).currentTime && !inAction['item_'+i]){
                console.log(inAction['item_'+i] = true);
                $('#item_'+i).fadeIn('normal',function(){ inAction['item_'+i] = false; console.log(inAction); });


            }else if(!inAction['item_'+i]){
                console.log(inAction['item_'+i] = true);
                $('#item_'+i).fadeOut('normal',function(){ inAction['item_'+i] = false; console.log(inAction); });

            }

    }

此代码由 javascript 每 40 毫秒调用一次。我的问题是回调尝试设置错误的不正确的 inAction 元素。我怎样才能提供呢？

Answer 1

For 循环继续增加。您需要一个闭包，并且由于您已经在使用 jQuery，因此这里有一个选项:

function timecheck(obj, options, inAction) {
    var items = options.items;

    // check if anything needs to be done
    $.each(items, function(i) {

        if (items[i][0] > obj.get(0).currentTime) {
            $('#item_' + i).hide();
        } else if (items[i][0] <= obj.get(0).currentTime && items[i][1] >= obj.get(0).currentTime && !inAction['item_' + i]) {
            console.log(inAction['item_' + i] = true);
            $('#item_' + i).fadeIn('normal', function () {
                inAction['item_' + i] = false;
                console.log(inAction);
            });


        } else if (!inAction['item_' + i]) {
            console.log(inAction['item_' + i] = true);
            $('#item_' + i).fadeOut('normal', function () {
                inAction['item_' + i] = false;
                console.log(inAction);
            });

        }

    });
}

否则，发生的情况是，当调用回调时，它已经在 i 处已经等于 items.length