2010-01-22 4 views
0

Le menu ne s'affiche pas dans la ligne. Vous ne savez pas comment appeler le code CSS. Aussi, je veux que l'alerte me dise quel élément de menu a été cliqué.Problème avec l'affichage du menu jQuery

<script type="text/javascript"> 
function get_list() { 
    $("#tabs").click(function(){ 
      $(this).click(function(){ 
       alert(this); 
      }); 
    }); 
</script> 


<style type="text/css"> 
#navbarID li { 
    display: inline; 
} 
</style> 


</head> 
<body> 

<div id="tabs"> 
    <ul> 
      <li><a href="type1.html">Type 1</a></li> 
      <li><a href="type2.html">Type 2</a></li> 
      <li><a href="type3.html">Type 3</a></li> 
    </ul> 
</div> 

</body> 
</html> 
+1

je fixe votre code mise en forme pour vous, mais vous devriez probablement pensez à ajouter votre question au corps du message. –

+1

S'il vous plaît utilisez le titre pour un _summary_ de votre problème, pas pour tout le texte du problème! –

Répondre

2

le code HTML devrait ressembler à ceci.

<ul id='tabs'> 
<li><a href='type1.html'>Type 1</a></li> 
<li><a href='type2.html'>Type 2</a></li> 
<li><a href='type3.html'>Type 3</a></li> 
<li><a href='type4.html'>Type 4</a></li> 
</ul> 

la partie css pourrait être ceci:

ul#tabs { list-style: none; } 
    ul#tabs li { display: inline; } 

onclick que vous voulez sur jQuery est comme ceci:

$('ul#tabs li a').click(function(){ alert('i was clicked!'); return false; }); 
+1

Reigel ... votre code a fait le travail. Merci beaucoup! Aussi Bean m'a suggéré d'ajouter ceci: alert ("U selected:" + $ (this) .html()); ... pour me dire quel élément de menu a été sélectionné. Ils ont tous travaillé parfaitement. Merci à vous deux. sonny5 – sonny5

0

alert($(this).html()); vous indiquera le contenu de cet élément nav.
Peut-être que vous devriez utiliser <span> au lieu de <div> pour inline.

+0

vous faites celui qui a demandé plus confus. – Reigel