Как узнать TabSelection

Я использовал следующий код для разработки вкладок.

$(document).ready(function() {
    $('#container-1').tabs();
}
 ....
<div id="container-1">
    <ul>
        <li><a href="#fragment-1"><span>Home</span></a></li>
        <li><a href="#fragment-2"><span>Contact</span></a></li>
    </ul>
</div>

...

Работает отлично! Мне нужно событие нажатия вкладки. Если это щелчок вкладки « Главная », я должен сделать alert();. Как мне этого добиться?

10.12.2008 13:37:58
3 ОТВЕТА
РЕШЕНИЕ

Лично я бы обработал все это в самой конфигурации вкладки, а не добавлял события щелчка к элементам, которые в конечном итоге станут активируемой частью вкладки. Если вы сделаете это через конфигурацию вкладок, то вся логика вкладок будет централизованной, что сделает работу более понятной, и вам не нужно будет знакомиться с деталями реализации вкладок:

  $(document).ready(function() {
      $('#container-1').tabs({
          selected : function(e, ui) {
            if (ui.index == 0) {
                alert('Home clicked!');
            }
          }        
      }); 
  });
   ....
  <div  id="container-1">
        <ul>
            <li><a href="#fragment-1"><span>Home</span></a></li>
            <li><a href="#fragment-2"><span>Contact</span></a></li>

         </ul>
  </div>
1
11.12.2008 13:39:56
Да, я попробовал ваше решение. Не работает. Я включил все необходимые последние плагины jquery. Все образцы, которые я
venkatachalam 11.12.2008 11:13:50
Я использую это на своих страницах с вкладками, и перед публикацией я проверил тест, при этом я заметил окончание); отсутствовал в приведенном примере (мои извинения: исправлено). Попробуйте, и мы возьмем это оттуда.
Manik 11.12.2008 13:42:21

Если вы хотите событие нажатия вкладки, вы должны сделать что-то вроде одного из следующих.

$("#tabid").click(function(e) {
    e.preventDefault();
    // Do tab click logic
});

или

$(".tabclass").click(function(e) {
    e.preventDefault();
    // Do tab click logic
});

Выполните поиск по шпаргалке JQuery, чтобы получить очень полезную шпаргалку JQuery.

0
21.07.2014 18:26:59

Установите идентификатор элемента span вкладки Home :

<li><a href="#fragment-1"><span id="home">Home</span></a></li> 

И добавьте к нему обработчик кликов:

$("#home").click(function()
{
    alert("Home tab is selected!");
});
2
21.07.2014 18:28:52