lien sur jquery

Version imprimable

28/10/2012, 00h18
Benjea

lien sur jquery

Bonsoir,
j'ai téléchargé un jquery très sympa mais les liens ne fonctionnent pas...
Je n'arrive pas à déterminer d'où cela vient.
Par déduction j'ai constaté que cela les liens deviennent actifs en enlevant l'id1:

Code:

<ul class="lavaLampWithImage" id="1">

ou
en supprimant un js, à savoir le suivant:

Code:

(function($){$.fn.lavaLamp=function(o){o=$.extend({fx:"linear",speed:500,click:function(){}},o||{});return this.each(function(){var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];$li.not(".back").hover(function(){move(this)},noop);$(this).hover(noop,function(){move(curr)});$li.click(function(e){setCurr(this);return o.click.apply(this,[e,this])});setCurr(curr);function setCurr(a){$back.css({"left":a.offsetLeft+"px","width":a.offsetWidth+"px"});curr=a};function move(a){$back.each(function(){$.dequeue(this,"fx")}).animate({width:a.offsetWidth,left:a.offsetLeft},o.speed,o.fx)}})}})(jQuery);

Sauriez-vous d'où cela pourrait provenir?
28/10/2012, 15h27
muad'dib

Essaye d'être plus clair dans ta question, c'est dur de devoir deviner que tu essayes d'utiliser le plugin jquery lavalamp, qui est un générateur de menus, et que tu as un problème lors de l'exécution du script....

C'est probablement un problème de compatibilité entre le plugin jquery et la version de jquery que tu utilises.

Salut Muad'dib,

Sorry, je vais être plus précis.
En, j'ai téléchargé un zip d'un site avec les fichiers suivant:
jquery.easing.min.js
jquery.lavalamp.js
jquery.lavalamp.min.js
jquery-1.1.3.1.min.js
lavalamp_test.css

Dans le fichier demo.html, il y a un href au quel j'ai associé une url et ça ne marche pas...

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
51
52
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Lava Lamp Menu Demo</title>
    <link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
    <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
</head>
 
<body>
 
<h3>With Image</h3>
<ul class="lavaLampWithImage" id="1">
    <li><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>
 
<br><br><br>
 
<h3>No Image</h3>
<ul class="lavaLampNoImage" id="2">
    <li><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>
 
<br><br><br> 
 
<h3>Bottom Style</h3>
<ul class="lavaLampBottomStyle" id="3">
    <li><a href="#">Home</a></li>
    <li><a href="#">Plant a tree</a></li>
    <li><a href="#">Travel</a></li>
    <li><a href="#">Ride an elephant</a></li>
</ul>
 
</body></html>

Sinon, je n'ai rien modifier.
Tout marche bien, les effets graphiques sont là sur la barre de menu, mais dès que je clique sur les liens, ils sont inactifs!
Sauf si je supprime l'id dans mon fichier html ou le fichier "jquery.lavalamp.min.js (dont le texte et ci dessus")
A ce moment là mon lien fonctionne.
Je ne maîtrise pas assez pour savoir d 'ou cela vient.