Conflit entre jquery et autre fichier js
Bonjour,
Je fais appel à vous car mes connaissances en js sont très faibles (pour ne pas dire nul)
Je suis en train de refaire un site sur lequel j'ai un menu utilisant javascript (deploiement des sous menus au passage de la souris).
Pour "moderniser" mon site, j'ai ajoutés plusieurs petits modules utilisant jquery 1.2.6 (slideshow...)
Seulement maintenant les menus ne fonctionnent plus sur les pages qui appellent jquery.
Je vous donne le code js du menu déroulant :
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
41
42
43
44
45
46
47
48
49
50
| Element.extend(
{
hide: function()
{
return this.setStyle('display', 'none');
},
show: function()
{
return this.setStyle('display', 'block');
}
});
var DropdownMenu = new Class({
initialize: function(element)
{
$A($(element).childNodes).each(function(el)
{
if(el.nodeName.toLowerCase() == 'li')
{
$A($(el).childNodes).each(function(el2)
{
if(el2.nodeName.toLowerCase() == 'ul')
{
$(el2).hide();
el.addEvent('mouseover', function()
{
el2.show();
return false;
});
el.addEvent('mouseout', function()
{
el2.hide();
});
new DropdownMenu(el2);
}
});
}
});
return this;
}
});
Window.onDomReady(function() {
new DropdownMenu($('nav'))
}); |
Si vous voyez ce que je peux faire pour le rendre compatible avec jquery, ce serait vraiment super.
Merci!
