Мне нужно получить индекс текущей выбранной вкладки. Как я нашел здесь, мне нужно что-то вроде этого:
$('#tabs').tabs();
curTab2 = $('#tabs .ui-tabs-active');
alert(curTab2);
Однако в результате вместо числа я получаю [object Object]
(потому что не знаю, какое свойство мне нужно использовать). Что нужно добавить в свой код, чтобы получить индекс активной вкладки?
$( function() {
$( "#tabs" ).tabs();
$( "#tabs2" ).tabs();
$( "#click" ).click(function() {
var $tabs = $('#tabs2').tabs();
var selected = $tabs.tabs('option', 'active');
alert(selected);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="tabs">
<ul>
<li><a href="#tabs-1"><div>this 1</div></a></li>
<li><a href="#tabs-2"><div>this 2</div></a></li>
</ul>
<div id="tabs-1">this 1 content</div>
<div id="tabs-2">this 2 content</div>
</div>
<div id="tabs2">
<ul>
<li><a href="#tabs2-1"><div>this 1</div></a></li>
<li><a href="#tabs2-2"><div>this 2</div></a></li>
</ul>
<div id="tabs2-1">this 1 content</div>
<div id="tabs2-2">this 2 content</div>
</div>
<div id="click">Push</div>