Problem with Display of jQuery Menu

Question

Menu does not display in line. Not sure how to call the CSS code. Also I want the alert to tell me which menu item was clicked.

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

I fixed your code formatting for you, but you should probably consider adding your question to the body of the post. — Nathan Taylor
– Nathan Taylor, Commented Jan 22, 2010 at 18:23
Please use the title for a summary of your problem, not for the entire problem text! — John Saunders
– John Saunders, Commented Jan 22, 2010 at 18:25

Reigel Gallarde · Accepted Answer · 2010-01-22 18:29:20Z

2

the html should be something like this.

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

the css part could be this:

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

the onclick that you want on jQuery is like this:

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

edited Jan 22, 2010 at 18:29

answered Jan 22, 2010 at 18:27

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sonny5 Over a year ago

Reigel ...your code did the job. Thank you so very much! Also Bean suggested I add this: alert("U selected: "+$(this).html()); ...to tell me which menu item was selected. They all worked perfect. Thanks to you both. sonny5

bean · Accepted Answer · 2010-01-22 18:18:15Z

0

alert($(this).html()); will tell you what the contents of that nav item are.
Maybe you should use <span> instead of <div> for inline.

answered Jan 22, 2010 at 18:18

bean

1,1011 gold badge12 silver badges23 bronze badges

1 Comment

Reigel Gallarde Over a year ago

you're making the one who asked more confused.

Collectives™ on Stack Overflow

Problem with Display of jQuery Menu

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related