Incompatibilité Jquery

Bonjour,

J'utilise sur une même page du jquery et mootools

J'ai un conflit pour faire marcher les 2 en paralleles.

Le jquery me constitue des graphiques avec JQPLOT et le moo tools un calendrier en cliquant sur une petite image

Les 2 fonctionnes de manières indépendante mais pas en meme temps.

J'ai trouver pas mal de truc sur le net mais je n'y parvient pas.

Je ne sais pas comment utiliser la méthode noconflict de JQUERY

Voici ci dessous mon entete de page.

Si vous voulez plus de détails je reste à votre disposition.

Merci d'avance pour votre aide

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
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
<head>	
 
 
	<!-- JQUERY et MOOTOLS BASE -->
		<script type="text/javascript" src="jquery/calendrier/ mootools-core-1.4.1-full-compat.js"></script>
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/jquery.min.js"></script>
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/jquery-ui.min.js"></script>
	<!-- FIN JQUERY BASE -->
 
 
 
	<!-- CSS -->
		 <link rel="stylesheet" type="text/css" href="CSS/jauge.css" />
		 <link rel="stylesheet" type="text/css" href="JQUERY/jqplot/jquery.jqplot.css" />
		 <link rel="stylesheet" type="text/css" href="JQUERY/jqplot/examples.css" />
		 <link rel="stylesheet" type="text/css" href="CSS/jquery-ui.css" />	
	<!-- FIN CSS -->
 
 
	<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="JQUERY/jqplot/excanvas.js"></script><![endif]-->
 
	<!-- BEGIN: load jqplot -->
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/jquery.jqplot.js"></script>
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/plugins/jqplot.barRenderer.js"></script>
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/plugins/jqplot.pieRenderer.js"></script>
		<script language="javascript" type="text/javascript" src="JQUERY/jqplot/plugins/jqplot.categoryAxisRenderer.js"></script>
	<!-- END: load jqplot -->
 
 
	<!-- BEGIN calendrier MOOTOOLS--> 
		<script type="text/javascript" src="jquery/calendrier/calendrier.js"></script>
	<!-- FIN CALENDRIER -->	
 
 
 
 
 
</head>

J'ai utiliser finalement NOCONFLICT

Code:

1
2
3
4
5
6
7
8
9
10
 
	<script>
		var $j = jQuery.noConflict();
		// on utilise maintenant jQuery via $j(...)
		//exemple
 
		$j('#test').show();
 
		// motools avec $(...)
	</script>

Il fallait en fait redefinir les script JQUERY avec $j a la place de $. J'avais oublier de le faire

Incompatibilité Jquery - Mootools