2017-06-15 1 views
0

J'ai un cas où je remplis dynamiquement une variable select à chaque fois qu'un appel ajax aboutit. J'ai utilisé FancySelect.Déclenchement Sélectionné après le chargement du contenu ajax

Mon code append ressemble à ceci:

success:function(data){ 

$("#subcategory-filter").html('<option value="" disabled selected>Select Sub-Category...</option>'); 

$("#subcategory-filter").append('<option value="1">1</option><option value="2">2</option>'); 

} 

Mais je veux déclencher fancyselect après la balise select est rempli. J'essaye de déclencher le fancyselect juste après la fonction append mais cela ne semble pas fonctionner.

$('#subcategory-filter').fancySelect(); 

Ce que je aussi essayé est: udpate le fancyselect, selon le documentation.

$("#subcategory-filter").trigger('update.fs'); 

J'ai aussi essayé setTimeout après la fonction append juste pour donner un peu de temps pour qu'il enrichissez et ensuite déclencher la mise à jour, mais cela ne fonctionne pas trop. Puis-je savoir quelle serait la bonne façon de déclencher fancyselect dans mon cas.

+1

Créer une démo qui reproduit problème. En supposant qu'aucune erreur ne se soit produite dans la console du navigateur, il n'y a pas d'autre raison évidente de ce qui est indiqué – charlietfl

Répondre

0

Je ne peux pas vraiment dire sans inspecter le code de plus près, mais vous pouvez essayer:

$(document).ajaxComplete(function(){ 
// Try to trigger fancyselect here 
}); 

Hope it helps ...