2016-04-11 8 views
0

これではあまりにも長く苦労しています。私は、日付ピッカーを持っている。このtabpaneで $('[data-value="croisiere"]').on('shown.bs.tab',function(){....})ダイナミックに作成された要素にJS関数に影響を与えます

: 私は、イベントをリンクし、私はthe docに応じtabpaneブートストラップを持っています。ここでは

はアイデアがあります。私のdatepickerが更新されるたびに、私の機能を再リンクするのが苦労です。

Basicalyが、これはそれである:DOMの変更のこの特定の部分は私の機能をreaffect場合

$('[data-value="croisiere"]').on('shown.bs.tab',function(){ 
    console.log("LaunchFunction"); 
    $('#cruise-tab [class*="glyphicon-chevron"]').on('click', function(){ 
     console.log('Why is it only working once?'); 
    }); 
}); 

それでは、どのように私が言うことができますか?

コードを試してみたい場合は、thereに行ってください。モーターから「croisière」タブをクリックする必要があります。あなたは親要素に添付されますイベントハンドラを作成するために高いセレクターを参照する必要が

+0

あなたのサイトには、いくつかのjQueryのエラーを持って、クリアしてくださいそれをチェックしてからチェックしてください。 –

+0

私は方法を見つけた、それはおそらくプラグイン間の競合から来た。 –

+0

あなたがあなたの道を見つけてうれしい.. –

答えて

0

- その動的なコンテンツの追加によって直接影響されないが:

$('body').on('click','#cruise-tab [class*="glyphicon-chevron"]', function(){ 
     console.log('This should work')... 
+0

不思議なことに、それは機能していません。要素が存在しないかのように反応します。しかし、私が '$( 'cruise-tab [class * =" glyphicon-chevron "]')'をコンソールで探すと、要素が存在することがわかりました。 –

関連する問題