Question

菜单不显示在行中。不知道如何调用CSS代码。此外，我希望警报告诉我单击了哪个菜单项。

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

Answer 1

html应该是这样的。

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

css部分可能是这样的：

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

你想在jQuery上使用onclick是这样的：

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

Answer 2

alert($(this).html());将告诉您该导航项的内容是什么也许您应该使用<span>代替<div>进行内联。

显示jQuery菜单的问题

2 个答案: