Clickイベント

I次のようなHTMLがあります。Clickイベント

<div id="channels"> 
    <ul class="nav nav-tabs" id="ul-channels"> 
     <li class="channel" data-roomid="lobby"><a class="link-channel" href="#lobby" data-toggle="tab">lobby</a></li> 
     <li class="channel active selected" data-roomid="test"><a class="link-channel" href="#test" data-toggle="tab">test</a></li> 
    </ul> 
</div>

私はタブを切り替えるときに発生するイベントを必要とします。このように：

$('.nav-tabs a').click(function (e) { 
    alert("Q"); 
});

私は多くのオプションを試しましたが、私は成功しませんでした。私はどんな助けにも感謝します。

出典

2013-09-30 Denis

てみ '$（ '-タブをNAV。 '）バインド（' クリック'、機能（E）{...}）;'とDOMを忘れてはいけません。準備ができているハンドラ – karthikr

@karthikr、ありがとう、それは仕事です！ – Denis

* "jQuery 1.7では、イベントハンドラをドキュメントに添付するには.on（）メソッドが優先されます。" * http://api.jquery.com/bind/ – DanFromGermany

最終私の解決策：

$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { 
    console.log(e.target) // activated tab 
})

出典

2013-10-01 12:36:56 Denis

このコードを変更するにはどうすればよいですか一方、[data-toggle = "tab"]の場合、最後の1つのイベントは発生しますが、他のタブの場合は別のイベントが発生します。 –

@Greg L、私たちはこれを試してみるべきだと思います： $（document）.on（ 'shown.bs.tab'、 'a [データトグル= "タブ"]：最後'、関数（e）{ console.log（e.target）// activated tab } $（document.bs.tab '、' a [データトグル= "タブ"]：not（：last）、function（e）{ console.log（e.target）//活性化されたタブ }） – Denis

良い。しかし、現在開いているタブをもう一度クリックすると、どうやってイベントを受け取ることができますか？ – Bryce

答えて

関連する問題