觸發兩個腳本的正確方法是什麼：一個加載數據和另一個操作樣式？

Question

我正在運行一個網站，使用Javascript刷新時動態加載新的標題。我應該提到，我的網站非常小，所以我有意避免使用jQuery或任何其他JS庫。

第一個腳本加載一個JSON文件&隨機選擇一個條目進入HTML。第二個腳本「嘗試」檢查文檔的長度是否超過視口，如果是。收縮文本並再次檢查。

ajax.request("GET","file.json"); // works fine 
preventScroll.resize(".headline"); // not so much 

但是，我無法讓第二個腳本可靠地工作。我試過通過window.onload加載，我試着將它從HEAD標籤移動到BODY標籤結束之前。

Scripts in question

Live Example

我應該如何正確地調用這些傢伙所以他們總是工作？

Answer 1

您沒有在您的ajax「庫」中公開成功處理程序。我建議做了這些改變：

var makeRequest = function(method, url, success) { 

然後裏面的功能：

//... 
if (httpRequest.status === ajaxState.isOkay) { 
    data = httpRequest.responseText; 
    successHandler(data); 
    success(); // you could call with more arguments 
} 

要使用整個事情：

ajax.request("GET","file.json", function() { 
    preventScroll.resize(".headline"); 
});