顯示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菜單的問題

回答

相關問題