jQuery - 在继续之前执行函数

Question

如何停止执行函数直到另一个函数完成？

$('#div').load( 'sub.html', function() {

    //Do this once done loading the sub.html file
    setTimeout(function() { 

        //Run SomeFunction(); before doing anyhing else
        $('#tabsWrapper').removeClass('ajaxLoading');
        $('#tabsWrapper #loaderDiv').fadeIn(500);

    } , 1000);

});

我想确保在执行 $('#tabsWrapper').removeClass('ajaxLoading'); 等之前完成 SomeFunction() 。

任何建议如何实现那？非常感谢任何帮助。

Answer 1

$('#div').load( 'sub.html', function(response, status) {

     if(status=="success"){
          //do your stuff here ..its loaded
  }

});

Answer 2

使用回调方法。

请参考JQuery API

Answer 3

从您的 SomeFunction() 返回一些值并放入如下条件：

var result = null; // important to put it here eg before setTimeout

//Do this once done loading the sub.html file
setTimeout(function() { 

    result = SomeFunction();

    if (result === 'whatever that function returns') {
      $('#tabsWrapper').removeClass('ajaxLoading');
      $('#tabsWrapper #loaderDiv').fadeIn(500);
    }

} , 1000);

更好的方法是使用自调用匿名函数，如下所示：

(function foo(){
   doStuff;

   setTimeout(foo, 500);

})()

这里 setTimeout 只会在 doStuff 完成时触发。