Bonjour,

Je n'arrive pas à faire fonctionner les tab jQuery lorsque ma page inclut la librairie AJS.js de greybox.
C'est donc apparemment un conflit de librairies, mais même en utilisant le noConflict de jquery et en remplaçant les $ par jQuery, la navigation entre tabs reste impossible. Le problème se pose de façon identique sous firefox et IE.
Quelqu'un a une idée ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
<link type="text/css" href="jquery/css/smoothness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
 
 
 
<script type="text/javascript">
var GB_ROOT_DIR = "http://127.0.0.1/Misc/greybox/"; 
</script>
<script type="text/javascript" src="Misc/greybox/AJS.js"></script>
<script type="text/javascript" src="Misc/greybox/gb_scripts.js"></script>
 
<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.13.custom.min.js"></script>
 
 
<script type="text/javascript">
 jQuery.noConflict();
 
jQuery(function() {
	jQuery("#tabs").tabs();
});
</script>
 
</head>
<body>
 
<div id="tabs">
                <ul>
                    <li><a href="#tabs-1">Nunc tincidunt</a></li>
                    <li><a href="#tabs-2">Proin dolor</a></li>
                    <li><a href="#tabs-3">Aenean lacinia</a></li>
                </ul>
                <div id="tabs-1">tab 1</div>
                <div id="tabs-2">tab 2</div>
                <div id="tabs-3">tab 3</div>
</div>
</body>