plugin superfish, impossible de le faire fonctionner

**tiboleo** · 02/02/2010, 12h30

Bonjour,

J'en ai (presque) honte, mais je n'arrive pas à faire fonctionner superfish pour mon menu déroulant.

Voici le code complet :

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
53
54
55
56
57
58
59
60
 
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
 
    <link rel="stylesheet" type="text/css" media="screen" href="App_Themes/Defaut/superfish.css" /> 
    <script type="text/javascript" src="Scripts/jquery/jquery-1.4.js"></script> 
    <script type="text/javascript" src="Scripts/jquery/superfish.js"></script> 
 
 
    <script type="text/javascript"> 
 
        $(document).ready(function(){ 
        $("ul.sf-menu").superfish(); 
        }); 
 
    </script>     
 
 
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ul class="sf-menu">
          <li>menu 1</li>
          <li>menu 2
             <ul>
                <li>Sous menu 2.1</li>
                <li>Sous menu 2.2</li>
             </ul>
          </li>
          <li>menu 3</li>
          <li>menu 4
             <ul>
                <li>Sous menu 4.1
                   <ul>
                      <li>Sous sous menu 4.1.1</li>
                      <li>Sous sous menu 4.1.2</li>
                      <li>Sous sous menu 4.1.3</li>
                   </ul>
                </li>
                <li>Sous menu 4.2</li>
             </ul>
          </li>
          <li>menu 5</li>
       </ul> 
        </div>    
    <div>
        <asp:ContentPlaceHolder id="Main" runat="server"></asp:ContentPlaceHolder>
    </div>
 
    </form>
</body>
</html>

Les fichiers sont bien en place (js, css, images). J'utilise les versions les plus récentes et compatibles des .js

Au final, j'obtiens ceci (les menus se déroulent partiellement, la petite flèche indiquant le sous menu n'est pas là, etc...)

Nom : superfish.jpg
Affichages : 70
Taille : 5,3 Ko

Nom : superfish.jpg
Affichages : 70
Taille : 5,3 Ko

Avez vous une idée ? Merci beaucoup !
T.

**Sourrisseau** · 02/02/2010, 13h01

de changer la version de jquery et de mettre la version 1.3.2. Peut-être y a t il une incompatibilité avec la dernière version de jquery.

Dis moi si cela a résolu le problème .

**tiboleo** · 02/02/2010, 13h43

J'ai essayé mais le problème ne change pas.
T.

**danielhagnoul** · 02/02/2010, 23h26

Bonsoir.

Chaque élément de la liste doit contenir un lien, exemple :

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
<ul class="sf-menu">
	<li>
		<a href="#">menu item 1</a>
	</li>
	<li>
		<a href="#">menu item 2</a>
		<ul>
			<li>
				<a href="#">Sous menu 2.1</a>
			</li>
			<li>
				<a href="#">Sous menu 2.2</a>
			</li>
		</ul>
	</li>
	<li>
		<a href="#">menu 3</a>
	</li>
	<li>
		<a href="#">menu 4</a>
		<ul>
			<li>
				<a href="#">Sous menu 4.1</a>
				<ul>
					<li>
						<a href="#">Sous sous menu 4.1.1</a>
					</li>
					<li>
						<a href="#">Sous sous menu 4.1.2</a>
					</li>
					<li>
						<a href="#">Sous sous menu 4.1.3</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="#">Sous menu 4.2</a>
			</li>
		</ul>
	</li>
	<li>
		<a href="#">menu 5</a>
	</li>
</ul>

**tiboleo** · 03/02/2010, 08h41

Bonjour et merci,

J'ai fait la modif' mais là encore, le problème demeure.
Incompréhensible...

T.

**danielhagnoul** · 03/02/2010, 21h37

Bonsoir.

Le fichier exemple fourni avec le plugin et une copie du fichier exemple modifié avec votre menu fonctionnent parfaitement chez moi.

Je vous conseille de vérifier tous vos liens (css, js) et de contrôler avec Firebug, en dernier ressort de tester en remplaçant le contenu de votre fichier par celui du fichier exemple. Le fait que vous travaillez dans un environnement ASP.NET n'est peut-être pas sans conséquence.

plugin superfish, impossible de le faire fonctionner

jQuery

Vue hybride

Discussions similaires

Partager

Partager