Как узнать 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();. Как мне этого добиться?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Если вам нужно событие щелчка по вкладке, вы должны сделать что-то вроде одного из следующих.
$("#tabid").click(function(e) {
e.preventDefault();
// Do tab click logic
});
или же
$(".tabclass").click(function(e) {
e.preventDefault();
// Do tab click logic
});
Выполните поиск по запросу шпаргалка по jQuery, чтобы получить очень полезную шпаргалку по jQuery.
Установите идентификатор элемента диапазона вкладок Дом:
<li><a href = "#fragment-1"><span id = "home">Home</span></a></li>
И добавляем к нему куда-нибудь обработчик кликов:
$("#home").click(function()
{
alert("Home tab is selected!");
});
Лично я бы обработал все это в самой конфигурации вкладки, вместо того, чтобы добавлять события щелчка к элементам, которые в конечном итоге станут интерактивной частью вкладки. Если вы сделаете это через конфигурацию вкладок, тогда вся логика вкладок будет централизована, что упростит работу, и вам не нужно знать детали реализации вкладок:
$(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>
Я использую это на своих страницах с вкладками, и я подготовил тест перед тем, как опубликовать, что, как говорится, я заметил окончание); отсутствовал в приведенном примере (мои извинения: исправлено). Попробуйте, и мы сделаем это оттуда.
Да, я пробовал использовать ваше решение. Не работает. Я включил все необходимые последние jquery-плагины. Любые образцы приветствую.