Dynamiquement chargé <script> tag non utilisé dans les navigateurs WebKit

Question

Il semble que ce soit un problème connu et a été demandé plusieurs fois auparavant ici dans SO, mais je ne vois rien de spécifique à jQTouch alors je pensais que je voudrais essayer. JQT charge dynamiquement les pages lorsqu'un clic est effectué sur un lien.

Dans cette page, je voudrais inclure quelque chose comme

<script> 
$.include('javascriptfile.js', function() {alert('do something with results of this file to an already existing div element');}; 
</script> 

Le .include de $ est un plugin jquery J'ai trouvé que imite le .load de $ avec quelques smarts ajoutés. Testé pour fonctionner sur FF mais pas dans Chrome ou, plus important encore, Safari.

L'alerte n'est jamais affichée. FireBug ne montre jamais le javascript même en cours de chargement. Si je mets une alerte avant le $ .include je ne vois toujours rien.

J'ai essayé un événement onclick/ontap qui exécuterait alors ce code qui était inclus dans la balise head, pas de chance.

Editer: J'utilise la version r148 de jQT. Cela fonctionnait avant de passer à cette version, je crois.

Answer 1

Eh bien Geries, je vous remercie de votre aide, mais en fin de compte, la réponse a nécessité une refonte radicale de la façon dont j'utilisais jQTouch. La solution consistait à tout déplacer vers un événement onclick et à faire en sorte que tous les hrefs soient liés à #. Cela pourrait être ce que vous parliez de Geries.

Dans la fonction onclick, je fais la logique, le préchargement, le chargement de la page via mon propre GET via jquery, puis j'utilise l'objet public jQT.goTo (div, transition). Cela semble contourner les bogues de WebKit ou tout ce que je courais et cela fonctionne maintenant sur FireFox, Chrome, Safari, iPhone, et le lot. Je rencontre quelques problèmes d'animation avec JQT mais je pense que ce sont des problèmes connus sur lesquels j'espère que Stark et le gang de JQTouch travaillent.

Answer 2

Avez-vous essayé d'ajouter le fichier javascript en utilisant l'un de ces deux méthodes:

Way statique:

<script type="text/javascript"> 

function staticLoadScript(url){ 
    document.write('<script src="', url, '" type="text/JavaScript"><\/script>'); 
} 

staticLoadScript("javascriptfile.js"); 
modifyDivFn(processFnInFile()); 

</script> 

façon dynamique:

<script type="text/javascript"> 

function dhtmlLoadScript(url){ 
    var e = document.createElement("script"); 
    e.src = url; 
    e.type="text/javascript"; 
    document.getElementsByTagName("head")[0].appendChild(e); 
} 

onload = function(){ 
    dhtmlLoadScript("javascriptfile.js"); 
    modifyDivFn(processFnInFile()); 
} 

</script> 

Après include, vous pouvez appeler un fonction qui effectue le traitement que vous voulez (c'est processFnInFile()) dont le résultat sera transmis à modifyDivFn (et modifiera la div que vous voulez.) Vous pourriez le faire en une seule fonction, juste pour ustrate l'idée.

---

Source: Dynamically Loading Javascript Files