2010-01-22 17 views
0

Меню не отображается в строке. Не знаете, как вызвать код 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> 
+1

Я установил код форматирования для вас, но вы должны, вероятно, рассмотрите вопрос о добавлении вашего вопроса в тело сообщения. –

+1

Пожалуйста, используйте заголовок для _summary_ вашей проблемы, а не весь текст проблемы! –

ответ

2

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

OnClick, что вы хотите на JQuery, как это:

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

Рейгель ... ваш код выполнил эту работу. Огромное спасибо! Также Бин предложил добавить следующее: alert («U selected:» + $ (this) .html()); ... чтобы указать, какой пункт меню был выбран. Все они отлично работали. Спасибо вам обоим. sonny5 – sonny5

0

alert($(this).html()); сообщит вам, что является содержимым этого элемента навигации.
Возможно, вы должны использовать <span> вместо <div> для inline.

+0

вы делаете того, кто больше задавался вопросом. – Reigel