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

2010-10-29 Bart

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 .

2010-10-29 04:42:10 kbvishnu

hoạt động như một sự quyến rũ! – indago

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'

2010-10-29 04:14:00 sk747

Đú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');

2011-06-22 14:23:55 Bartek

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

2012-10-19 05:32:12

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

2014-07-28 15:07:39

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

2015-10-28 07:15:38

Trả lời