jQuery 将函数调用传递给另一个函数和执行顺序

Question

我有这个 JavaScript:

triggerAnimation(listItem,toggleToggleRadioListItem(listItem));


function triggerAnimation(listItem,passThruFunction){
    listItem.find(".inlineLoading").show();
// pause and then call the toggle function
    $("body").animate({opacity: 1}, 1000, 
    function(){
        alert("a");
    passThruFunction;
    }
    );  
}

function toggleToggleRadioListItem(listItem) {
    alert("b");
};

应该发生什么:

• triggerAnimation 被调用，传递一个对象和一个函数
• triggerAnimation 执行虚拟动画(以创建暂停)，然后引发警报并触发回调函数，该回调函数执行所传递的函数。
• 传递的函数称为引发警报。

根据上述情况，我希望警报 A 出现在警报 B 之前，但事实并非如此。发生的情况是(看起来)一旦调用triggerAnimation()，就会调用alert B。这是为什么？我怎样才能实现这种行为？

Answer 1

您可以通过传入函数并稍后调用它来延迟执行。

triggerAnimation(listItem, function () {
   toggleToggleRadioListItem(listItem)
});


function triggerAnimation(listItem,passThruFunction){
    listItem.find(".inlineLoading").show();
// pause and then call the toggle function
    $("body").animate({opacity: 1}, 1000, 
    function(){
        alert("a");
        passThruFunction();
    }
    );  
}

function toggleToggleRadioListItem(listItem) {
    alert("b");
};