jQuery-等待函数执行完成
给定以下代码:jQuery-等待函数执行完成,jquery,Jquery,给定以下代码: $(classeDoFlipContainer).css('z-index', '1'); $(classeOpostaDoFlipContainer).css('z-index', '0'); flipBox.flippy({ color_target: "white", duration: "900", verso: versoDaImagem, direction: "BOTTOM", onFinish: setEventHandl
$(classeDoFlipContainer).css('z-index', '1');
$(classeOpostaDoFlipContainer).css('z-index', '0');
flipBox.flippy({
color_target: "white",
duration: "900",
verso: versoDaImagem,
direction: "BOTTOM",
onFinish: setEventHandlers,
onReverseFinish: setEventHandlers
});
alert('?');
$(classeDoFlipContainer).css('z-index', '0');
$(classeOpostaDoFlipContainer).css('z-index', '1');
我添加了
警报('?')
只是为了验证正在执行flipy()
之后的代码。但是只有当flipy()
完全完成时,我才需要它。如何实现这一点?使用flippy提供的onFinish
回调:
flipBox.flippy({
color_target: "white",
duration: "900",
verso: versoDaImagem,
direction: "BOTTOM",
onFinish: function(){
setEventHandlers();
alert('?');
$(classeDoFlipContainer).css('z-index', '0');
$(classeOpostaDoFlipContainer).css('z-index', '1');
},
onReverseFinish: setEventHandlers
});
编辑:您可能还希望添加
onReverseFinish
回调使用onFinish
回调:
flipBox.flippy({
color_target: "white",
duration: "900",
verso: versoDaImagem,
direction: "BOTTOM",
onFinish: function(){
alert('?');
},
onReverseFinish: setEventHandlers
});
您可以这样做:
onFinish:function()
{
alert("yey!");
}
实际上,我用它做其他事情,但我可以编写另一个函数来调用
setEventHandlers
和最后两行,仅用于onFinish
。您也可以在onFinish
函数中调用setEventHandlers
。看看更新后的答案…对我来说没问题!谢谢您。因为你是第一个回答的,我会接受的。也谢谢你!就像@ipeiro说的。谢谢你的关注。所有其他答案的结果都是一样的。