lien sur jquery

**Benjea** · 28/10/2012, 00h18

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou
en supprimant un js, à savoir le suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(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?

**muad'dib** · 28/10/2012, 15h27

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.

**Benjea** · 28/10/2012, 22h24

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 :

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
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.

lien sur jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager