charger jquery.js via ajax

Version imprimable

17/08/2010, 21h19
joseph_p

charger jquery.js via ajax
salut

dans le framework que j'utilise, des composants peuvent amener de nouveaux headers, notamment ceux pour jquery, par exemple quelque chose comme:
Code:

1 2 3 4 <head> <script type="text/javascript" src="jquery.js"></script> </head>
ces headers sont en général présents dès le chargement de la page, mais ils peuvent arriver via ajax.

cependant, cela ne fonctionne pas dans le cas de jquery. Si j'ajoute le fichier jsquery.js dans le head de ma page via ajax, jquery et ses plugins ne fonctionnent pas par la suite. J'ai par exemple des erreurs du type "$ is not defined" ou parfois pire avec certains plugins.

savez vous s'il est possible d'initialiser tardivement jquery pour un tel usage ?

merci d'avance
++
joseph

En effet même en passant par une insertion standard de script par le DOM...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 2</title>
 
<script type="text/javascript">
function foo(){
	var ns = 	document.createElement('script')
	ns.type="text/javascript"
	ns.scr="../Script/jquery-1.4.2.min.js"
	document.body.parentNode.getElementsByTagName('head')[0].appendChild(ns)
	alert(document.body.parentNode.getElementsByTagName('head')[0].innerHTML)
 
	}
function bar(){
alert($('#moo').val())
}	
  </script>
  </head>
<body>
<input type="text" id='moo' value="essai réussi jquery"  onclick="foo()" />
<input type="button" value="essai import jquery" onclick="bar()" />
</body>
</html>

la balise script est bien présente mais les fonctions jquery inactives.

19/08/2010, 10h56
joseph_p

au moins je ne me suis pas planté dans mon diagnostic, cool :)

j'ai un peu joué avec la fonction getScript de jquery, mais cela n'a rien donné :(

toute piste bienvenue !