Highmaps를 사용하면 페이드를 완성하기 전에 내 jQuery 페이드 인의 콜백이 왜 발생합니까?

Question

데이터 세트간에 변경하는 데 사용되는 한 쌍의 단추가있는 HighMap이 있습니다. 이는 의도 한대로 작동합니다. 데이터 세트 간의 전환이 원활 해 지도록 페이드를 추가하고 싶었습니다. 그러나 페이드 아웃 콜백 기능 내에서도 맵은 페이드 아웃이 완료되기 전에 데이터를 업데이트하는 것처럼 보입니다.

var resetMap = function(dataCurrent) { 
SetOptions(dataCurrent); 
AccessMap.update({title: {text: dataTitle}}); 
AccessMap.update({colorAxis: {max: dataMax, min: dataMin, minColor: dataMinColor, maxColor: dataMaxColor,type: dataScale}}); 
AccessMap.update({series:[{name: dataTitle,tooltip:{ valueSuffix: dataTooltipSuffix}}]}); 
AccessMap.series[0].setData(dataCurrent.slice()); 
}; 

$('#setdataPop').click(function() { 
$("#container").fadeOut(500,resetMap(pop)); 
$("#container").fadeIn(500); 
}); 

$('#setdataRate').click(function() { 
$("#container").fadeOut(500,resetMap(rate16)); 
$("#container").fadeIn(); 
}); 

(즉, 코드에서 참조 setOptions을 기능을 포함) 내 전체 작업지도의 단순화 된 버전은 여기에 있습니다 : :

https://jsfiddle.net/MossTheTree/h5njdqLf/3/

여기에 버튼 코드 관련 비트입니다

Answer 1

함수 참조를 전달하지 않고 resetMap을 제자리에 실행 중입니다. 콜백 내에서 fadeIn도 실행하고 싶을 수도 있습니다.

$("#container").fadeOut(500, function() { 
    resetMap(pop); 
    $("#container").fadeIn(500); 
});