jQuery Deffered General function

by HYEONGJINKIM

HTML

<button id="run1">run1</button>
<button id="run2">run2</button>
<p id="debug"></p>

JavaScript

var Detect = {
    runnerA: function(){
        return new $.Deferred();
    }(),
    runnerB: function(){
        return new $.Deferred();
    }()
}

Detect.runnerA.promise();
Detect.runnerB.promise();

$('#run1').on('click',function(){
    Detect.runnerA.resolve();
});

$('#run2').on('click',function(){
    Detect.runnerB.resolve();
});

$.when(Detect.runnerA, Detect.runnerB).done(function() {
     $('#debug').html('finish');
});