Có thể thực hiện chức năng ready() của Head JS chờ hai kịch bản không?

Question

Tôi tải ba tập lệnh trên trang web của mình và tôi muốn kích hoạt một chức năng khi hai người trong số họ đã tải xong.

head.js(
    { webfont: 'http://ajax.googleapis.com/ajax/libs/webfont/1.0.31/webfont.js' }, 
    { jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' }, 
    { analytics: 'http://www.google-analytics.com/ga.js' } 
); 

Lý tưởng nhất là tôi muốn để có thể làm như sau, nhưng nó dường như không thể làm cho head.ready() chờ cho hai kịch bản để tải, theo documentation (xem Tổ chức Script).

head.ready('jquery', function() { 
    // Code that requires jQuery. 
}); 

// This is not supported. :-(
head.ready('jquery', 'analytics', function() { 
    // Code that requires both jQuery and Google Analytics. 
    // ... 
}); 

Vậy làm cách nào để giải quyết vấn đề này? Nếu tôi lồng các phương thức đã sẵn sàng, tôi có thể chắc chắn rằng mã của mình sẽ được kích hoạt hay không, nó sẽ chỉ được kích hoạt nếu jquery kết thúc tải trước phân tích?

head.ready('jquery', function() { 
    // Code that requires jQuery. 
    // ... 
    head.ready('analytics', function() { 
     // Code that requires both jQuery and Google Analytics. 
     // ... 
    }); 
}); 

Một giải pháp khác có thể là chia nhỏ báo cáo tải thành hai phần, như thế này. Nhưng liệu tôi vẫn sẽ được hưởng lợi hoàn toàn từ việc tải các tập lệnh không đồng bộ, hay nó sẽ kết thúc tải webfont trước khi jquery và phân tích?

head.js(
    { webfont: 'http://ajax.googleapis.com/ajax/libs/webfont/1.0.31/webfont.js' } 
); 

head.js(
    { jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' }, 
    { analytics: 'http://www.google-analytics.com/ga.js' }, 
    function() { 
     // Code that requires both jQuery and Google Analytics. 
     // ... 
    } 
); 

head.ready('jquery', function() { 
    // Code that requires jQuery. 
    // ... 
}); 

Answer 1

Kể từ khi kịch bản được thực hiện theo thứ tự (mặc dù được nạp song song), bạn có thể chờ đợi kịch bản đó là "last-in-line"

head.js(
    { webfont : 'http://ajax.googleapis.com/ajax/libs/webfont/1.0.31/webfont.js' }, 
    { jquery : 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' }, 
    { analytics: 'http://www.google-analytics.com/ga.js' } 
); 

head.ready('analytics', function() { 
    // when this triggers, webfont & jquery will have finished loading too 
});