jQuery로 두 함수를 순차적으로 실행하십시오.

Question

두 가지 기능이 있습니다. fTwo() 전에 fOne()을 실행해야합니다.

function fOne() { 
    if ($('.container').width() < 300) { 
    $('.box').each(function(){ 
      $(this).removeClass('largeSize').addClass('smallSize'); 
    }); 
    } 
} 

function fTwo() { 

    var el = $('.myElement'); 

    $(el).each(function() { 
     var pcntH = el.height(), 
      scorH = el.parent().find('.box').outerHeight(true), 
      pcntT = scorH - pcntH - 5; 

     el.css({'position':'relative', 'top': pcntT + 'px'}).fadeIn('slow'); 
    }); 
} 

는 다음과 같이 수행 할 수 있는가 :

생각하지만 작동하지 않습니다

fOne().done(fTwo()); 

...

Answer 1

그냥 콜백 기능을 사용하십시오.

function fOne(callback) { 
    if ($('.container').width() < 300) { 
    $('.box').each(function(){ 
      $(this).removeClass('largeSize').addClass('smallSize'); 
    }); 
    } 
    callback(); 
} 

의 정의에서 fOne(fTwo);으로 전화하십시오. 너는 설정되어있다.

Answer 2

것은 당신이) (비동기 폰 그들을 호출하지 않는 경우를; fTwo(); 그렇지 않으면 fOne(); return fTwo();

Answer 3

jQuerys when 및 done은 Deffereds를 사용하기 때문에 비동기 작업을 수행하는 데 사용할 수 있습니다. when으로 전송 된 함수가 실행되고 해당 함수가 완료되면 done에 의해 정의 된 함수가 호출됩니다.

$.when(fOne()).done(function() { fTwo(); }); 

당신은) (api.jquery.com