Menu déroulant avec fonction jQuery dans page asp.net

**Publicnew** · 06/10/2013, 01h25

Bonjour

J'ai trouvé une fonction jQuery pour faire un menu déroulant personnalisé, comme ceci:

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
<nav id="menu">
                <ul>
 
		<li><a runat="server" href="~/index.aspx" title="Accueil">Accueil</a></li>
        <li>
            <a  href="#" title="Qui sommes-nous">Qui sommes-nous</a> <%-- Lien de Premier niveau--%>
 
            <ul>     <%--Début sous menu--%>
            <li><a runat="server" href="pages/association.aspx" title="l'association">l'Association</a></li>
            <li><a runat="server" href="pages/bureau.aspx" title="Le bureau">Le Bureau</a></li>
            <li><a runat="server" href="pages/membres.aspx" title="Les membres">Les membres</a></li>
            </ul>    <%--Fin sous menu--%>
 
        </li>  <%--  Fin Lien de Premier niveau--%>
 
                 </ul>
 
</nav>

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
<script>
          (function ($) {
              var nav = $("#menu");
              nav.find("li").each(function () {
                  if ($(this).find("ul").length > 0) {
                      $(this).mouseenter(function () {
                          $(this).find("ul").stop(true, true).slideDown();
                      });
                      $(this).mouseleave(function () {
                          $(this).find("ul").stop(true, true).slideUp();
                      });
                  }
              });
          })(jQuery);
                    </script>

1/ Lorsque les liens du sous-menu dirigent vers des pages html, tout fonctionne correctement.

2/A l'inverse, si ces liens dirigent vers des pages aspx, avec ou sans l'attribut runat ="server" , j 'ai l'erreur suivante
(voir image jointe)

**DotNetMatt** · 06/10/2013, 16h46

A priori ça n'a rien à voir avec les liens, on dirait plutôt que jQuery n'a pas été référencé. Est-ce que tu as bien référencé jQuery dans le head de ta page avec un code qui ressemble à ce qui suit ?

Code HTML :

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

<script type="text/javascript" src="/chemin/jQuery.js" />

**Publicnew** · 06/10/2013, 19h03

Envoyé par DotNetMatt

A priori ça n'a rien à voir avec les liens, on dirait plutôt que jQuery n'a pas été référencé. Est-ce que tu as bien référencé jQuery dans le head de ta page avec un code qui ressemble à ce qui suit ?

Code HTML :

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

<script type="text/javascript" src="/chemin/jQuery.js" />

Bonjour,

J'ai bien référencé le chemin vers le dossier js, lequel contient jQuery, comme ceci ( dernière ligne de l'en-tête head ):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel ="stylesheet" href="styles/browser/iefixes.css" type ="text/css" />
    <link rel ="stylesheet" href="styles/browser/reset.css" type ="text/css" />
    <link  type="text/css" rel ="stylesheet" href="styles/general/general.css"  />
 
    <script type="text/javascript" src="js/modernizr.js"></script>
 
    <script type="text/javascript" src="js/jquery.js"></script>
</head>

**Publicnew** · 06/10/2013, 23h10

Envoyé par DotNetMatt

A priori ça n'a rien à voir avec les liens, on dirait plutôt que jQuery n'a pas été référencé. Est-ce que tu as bien référencé jQuery dans le head de ta page avec un code qui ressemble à ce qui suit ?

Code HTML :

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

<script type="text/javascript" src="/chemin/jQuery.js" />

Bonsoir,

J'ai enfin trouvé la solution à mon problème , en faisant la recherche à partir des extensions dans la fenêtre de Visual Studio Express 2012 pour le web, et à partir d'une recherche sur ScriptManager

J'ai ajouté ceci entre <head> et </head>

Code :

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

1
2
3
4
5
 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.js" type="text/javascript"></script>
 <script type="text/javascript">
     //<![CDATA[
     (window.jQuery) || document.write('<script type="text/javascript" src="Scripts/jquery-1.8.1.js"><\/script>');//]]>
 </script>

Merci pour m'avoir répondu.

Menu déroulant avec fonction jQuery dans page asp.net

ASP.NET

Vue hybride

Discussions similaires

Partager

Partager