0

現在選択されているjquery-ui-tabのIDを取得する次のコードがあります。

$($('[id^="tab"], [id^="home"]')).live('click', function() {
    alert($(this).attr("id"));
});

ご覧のとおり、tab(n)とhome(n)の2セットのタブがあります。

これは正常に機能しますが、タブが選択されているときではなく、いつでもIDを取得できる必要があることを除いて、上記のコードはタブが選択されているときにのみIDを取得します。

クリックされた標準ボタンを使用してjquery-ui-tabshome(n)およびtab(n)のIDを取得するにはどうすればよいですか?

$("#button_one").click(function(event) { 
    // get id of selected tab
});
4

1 に答える 1

2
$('.ui-tabs-selected').prop('id');

jQueryバージョン<1.6:

$('.ui-tabs-selected').attr('id');

最初の関数を次のように変更することに注意してください。

$($('[id^="tab"], [id^="home"]')).live('click', function() {
    alert(this.id);
});

liveまた、jQueryのバージョンが1.4.4未満でない限り使用しないでください


インデックスを取得する方法:

...現在選択されているタブのインデックスを取得します

var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected');        
于 2012-05-16T11:43:36.390 に答える