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

公開日: : 最終更新日:2014/08/14 JavaScript/jQuery

スポンサーリンク

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());
 }
});
スポンサーリンク
Amazon

  • このエントリーをはてなブックマークに追加

関連記事

リクルート期間限定ポイントの有効な使い道

はじめに  先日クレジットカードの見直し活動の一環でポイント還元率の

初心者がお金を貯めるための節約・財テク手法まとめ【ポイント還元・投資・税金対策】

はじめに  最近なるべく節約しようと思い、お金周りに関して色々調べて

動画講座を効率的にキャプチャして復習する方法

はじめに  最近、動画媒体の講座などをたまに視聴しています。独学だと

Twitterのオリジナルサイズの画像ファイル(.jpg-large,.jpg-orig等)を一括リネームする

Twitterの画像をオリジナルサイズで保存しようとするとjpg-la

【Unity】他のスクリプトを一括で取得して有効化・無効化を制御する

Unityを使っていて他のスクリプトを一時的に停止させたいと思ったので

テレビの録画をPCやNASで共有する

今までテレビはテレビ用のモニターで見ればいいやと思っていたのですが、さ

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑