JQuery TabData: можно ли получить данные ClickedTab вместо индекса?
Я разрабатываю TabMenu, как следующее
<script type = "text/javascript">
$(function() {
$('#container-1').tabs();
$('#container-2').tabs();
}
</script>
.....
<div id = "container-1">
<ul>
<li><a href = "#fragment-1"><span id = "start">First</span></a></li>
</ul>
</div>
<div id = "container-2">
<ul>
<li><a href = "#fragment-1"><span id = "end">Last</span></a></li>
</ul>
</div>
.....
Можно ли вместо индекса получить данные ClickedTab? Например, если сначала ClickTab, то #fragment1. В противном случае, если ClickTab является последним, #fragment2.
Как я могу это сделать?
Ответы 2
Вы можете пояснить, что имеете в виду?
Если вы измените это:
<li><a href = "#fragment-1"><span id = "end">Last</span></a></li>
к:
<li><a href = "#fragment-2"><span id = "end">Last</span></a></li>
Затем он загрузит # фрагмент-2, когда вы щелкните по нему.
Если вы действительно хотите получить данные о нажатой вкладке, вы можете подключиться к событию tabsselect.
$('.ui-tabs-nav').bind('tabsselect', function(event, ui) {
//ui.panel is a dom element that contains the contents of the clicked tab.
}
Дополнительная литература доступна на Документы JQuery UI.
Надеюсь, это означает, что у вас заработала другая часть. Основываясь на предыдущем примере, это возможно:
$(document).ready(function() {
$('#container-1').tabs({
selected : function(e, ui) {
if ($($("a", e.target).get(ui.index)).attr('href') == '#fragment-1') {
alert('First 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>
В конечном итоге, вероятно, лучше использовать индекс, поскольку для этого вам нужно знать немного деталей реализации вкладки, и вы можете использовать переключатель для обработки логики для каждой вкладки. Однако, если вы чувствуете, что контент лучше соответствует вашим потребностям, это должно работать нормально.