Avec Highmaps, pourquoi le rappel dans ma jQuery fadein se produit-il avant la fin du fondu?

Question

J'ai un HighMap avec une paire de boutons qui sont utilisés pour changer entre les ensembles de données - cela fonctionne comme prévu. Je voulais ajouter un fondu pour que le changement entre les ensembles de données soit fluide. Cependant, la carte semble mettre à jour les données avant la fin du fondu, même si cela se produit dans la fonction de rappel du fondu.

est ici le bit correspondant du code avec les touches:

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(); 
}); 

Une version simplifiée de ma carte complète de travail (qui comprend la fonction setOptions référencé dans cet extrait) est ici:

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

Answer 1

Vous exécutez resetMap en place, sans passer une référence de fonction. Vous aussi probablement voulez exécuter le fadeIn dans le rappel aussi:

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