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
24/10/2011, 15h25
Incompatibilité Jquery - Mootools
00
