làm cách nào để kiểm tra xem tab nào đang hoạt động bằng các tab jquery?

Question

làm cách nào để kiểm tra xem tab nào đang hoạt động bằng các tab jquery?

Answer 1

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 .

Answer 2

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'

Answer 3

var index = $("#tabs").tabs('option', 'selected'); 

Answer 4

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'); 
    } 
}); 

Answer 5

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 
     } 
    } 
}); 

Answer 6

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