jQuery getfile(); dans la boîte de modal bootstrap

Question

J'ai besoin de charger le fichier .js externe en utilisant jQuery getfile(); quand ouvrir la boîte modale bootstrap3.

JS:

$(document).ready(function() { 
var stillPresent = false; 
$('#myModal').on('shown.bs.modal', function (e) { 
     $.getScript("http://localhost/user/js/data.js"); 

     if(stillPresent == false){ 
       $('#us2').locationpicker({ 
      location: { 
       latitude: 35.722606, 
       longitude: 51.3843825 
      }, 
      radius: 300, 
      inputBinding: { 
       latitudeInput: $('#us2-lat'), 
       longitudeInput: $('#us2-lon'), 
       radiusInput: $('#us2-radius'), 
       locationNameInput: $('#us2-address') 
      } 
     }); 
     } 
    }) 

}); 

HTML:

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> 

Problème: ce code NOT charge de fichiers .js après modalbox ouvert. J'ai besoin de charger data.js après avoir cliqué et ouvert la boîte modale.

Comment puis-je réparer mon code et le charger?

Answer 1

Je crois que c'est un problème de synchronisation, comme vous n'utilisez pas le rappel après le chargement du script, le deuxième paramètre de getScript est le rappel success.

$.getScript("http://localhost/user/js/data.js", function(data, textStatus, jqxhr) { 
    console.log(data); // Data returned 
    console.log(textStatus); // Success 
    console.log(jqxhr.status); // 200 
    console.log("Load was performed."); 
}); 

Voir si cela se produit, et continuer votre code dans le rappel car il correspond à vos besoins.

Meilleur.