如何在所有onClick事件完成後才能繼續？

Question

我有一個HighCharts自動生成一些代碼基於their API代碼包裝。爲了自動生成此代碼，我必須將所有（遞歸）鏈接（從左側菜單）的API網站的HTML導出爲已展開。這必須做遞歸，因爲新的擴展鏈接可能有更多尚未擴展的鏈接。

現在我必須手動從瀏覽器的JavaScript控制檯繼續這個循環：

1. $('div.collapsed').find($('a.plus')).click();
2. $('div.collapsed').find($('a.plus')).length。如果爲零，我就完成了。如果沒有零，則繼續1）。

我想你完成這項類似如下：

while ($('div.collapsed').find($('a.plus')).length !== 0) { 
    console.log('Doing a pass'); 
    $('div.collapsed').find($('a.plus')).click(); 
    console.log('Pass finished'); 
} 

但隨着它進入無限循環它不工作。我想這是因爲onClick觸發了一些異步代碼（也許是Ajax調用？）。任何想法我怎麼能使它工作？

由於提前，

Answer 1

$('div.collapsed').find($('a.plus')).length是不會改變的價值，所以請使用

$('div.collapsed').find('a.plus').each(function(){ 
//some code 
}) 

的每個方面的更多信息。請here

Answer 2

我終於修好了這種方式：

/* Technically we could simulate the click on the links, like this: 
$('div.collapsed').find($('a.plus')).click(); 
But that won't work as the clicks fire an async AJAX call so we don't know 
when to expand their children. To make the recursion to work, I found there are many useful functions 
in http://api.highcharts.com/resources/js/api.js 
The function toogleExpand() allow us to pass a callback. That way, on callback, we expand again with children 
making the recursion to work. */ 
function expandLinks(items) { 
    if (items.find('div[id$="-menu"]').length !== 0) { 
     items.find('div[id$="-menu"]').each(function(){ 
      var link = $(this); 
      toggleExpand(link.closest('.collapsed'), function() { 
      /* note that in this case we are making the recursion but only with the children of items */ 
      expandLinks(items.find('div.menuitem.collapsed')) 
     }); 
      }); 
    } else { 
    if($('div.collapsed').find($('a.plus')).length == 0) { 
     /* If there are no more links to open it means everything is ready so lets download the file */ 
     downloadDetailsDivContent(); 
    } 
    } 
}