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

Version imprimable

1 pièce(s) jointe(s)

Bonjour

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

Code:

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:

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):(

06/10/2013, 16h46
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:

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

Citation:

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:

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

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>

Citation:

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:

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

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.