làm cách nào để kiểm tra xem tab nào đang hoạt động bằng các tab jquery?làm cách nào để kiểm tra xem tab nào đang hoạt động bằng các tab jquery?
Trả lời
Hãy thử với Index
function getIndex(){
return $("ul li.ui-state-active").index();
}
Nó sẽ trả về chỉ số của li hoặc tab chọn .
Không quá chắc chắn về điều này nhưng tôi nghĩ rằng jQuery tự động gán một lớp học của 'ui-state-active'
Đúng, jQuery thêm lớp 'ui-state-active' vào tab hoạt động. Xem http://jqueryui.com/demos/tabs/ bằng Firebug để xem cách hoạt động. – Scott
tôi cần phải kiểm tra nó theo chương trình, vì vậy tôi có thể thực hiện các hành động liên quan đến số đó – Bart
var selected = $ tabs.tabs ('option', 'selected'); // => 0 – Bart
var index = $("#tabs").tabs('option', 'selected');
Tùy chọn đã chọn bị trì hoãn 1 lần nhấp nếu bạn đang truy cập vào giá trị trong sự kiện kích hoạt. –
Tôi cần có tab hoạt động trong sự kiện kích hoạt. Tôi đã có thể thực hiện việc này bằng cách sử dụng tùy chọn cuộc gọi hiện hoạt.
$('#tabs').tabs({
activate: function (event, ui) {
var activeTabId = $(this).tabs('option', 'active');
}
});
câu trả lời hay được đánh giá cao. – User
Tôi đang sử dụng một cái gì đó như thế này:
$tabContainer.tabs({
activate: function (event, ui) {
if (ui.newPanel.is("#TabId")) {
// do sth here
}
}
});
var selectedTabIndex = 0;
jQuery("#tabContainer").tabs({
select: function(event, ui) {
selectedTabIndex = ui.index;
}
});
Bạn có thể sử dụng selectedTabIndex trong ứng dụng của bạn
hoạt động như một sự quyến rũ! – indago