显示jQuery菜单的问题

菜单不显示在行。不知道如何调用CSS代码。此外，我希望警报告诉我哪个菜单项被点击。显示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>

来源

2010-01-22 sonny5

我固定的代码格式化你，但你应该考虑将你的问题添加到帖子的主体。 – 2010-01-22 18:23:33

请为题目的_summary_使用标题，而不是针对整个问题文本！ – 2010-01-22 18:25:42

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; });

来源

2010-01-22 18:27:17 Reigel

Reigel ...你的代码完成了这项工作。非常感谢你！另外Bean建议我加上这个：alert（“U selected：”+ $（this）.html（））; ...告诉我选择了哪个菜单项。他们都很完美。感谢你们两位。 sonny5 – sonny5 2010-01-22 18:49:38

alert($(this).html());会告诉你该导航项目的内容是什么。
也许你应该使用<span>而不是<div>用于内联。

来源

2010-01-22 18:18:15 bean

你让那个问得更困惑的人。 – Reigel 2010-01-22 18:32:47

显示jQuery菜单的问题

回答

相关问题