JavaScript/jQuery

【jQuery UI】タブをクリックしたときのイベントでselectが使えない

更新日:

スポンサードリンク

jQuery UIは1.10のバージョンではタブをクリックしたときのイベントの名前が変わっているようです。以前のバージョンならば次のようなコードでイベントが発生してくれました。

$('#tabs').tabs({
 select: function(event, ui){
  alert(ui.index);
 }
});

しかし、1.10では「select:」は廃止されてしまったようで代わりに「beforeActivate:」とするとうまい具合にイベントが起こってくれます。また、タブの番号も以下のようにすると取得できるようになります。

$('#tabs').tabs({
 beforeActivate: function(event, ui){
  alert(ui.newTab.index());
 }
});
スポンサードリンク

-JavaScript/jQuery

Copyright© めめんと , 2019 All Rights Reserved Powered by AFFINGER5.