すべてのタブをクリックすると、その値が一貫していないことに気づきました-なぜですか?
「サインアウト」タブのインデックスを取得したい。一貫性を保つにはどうすればよいですか?
これが私のjQueryコードです:
$(function() {
$('#tabs').tabs();
$( "#tabs" ).bind( "tabsselect", function(event, ui) {
var selected = $("#tabs").tabs('option', 'selected');
alert(selected);
});
});
これが私のHTMLコードです:
<div id="tabs" class="login-tabs">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#Profile">Profile</a></li>
<li><a href="#Messages">Messages</a></li>
<li><a href="#Notifications">Notifications</a></li>
<li><a href="#Find">Find Friends</a></li>
<li><a href="#Signout">Sign out</a></li>
</ul>
<div id="Home">
</div>
<div id="Profile">
</div>
<div id="Messages">
</div>
<div id="Notifications">
</div>
<div id="Find">
</div>
</div>