2017-01-04 28 views
1

私はトーストツールチップコンポーネントをアクティブにするコードを以下している:私たちはdinamically作成したオブジェクトを持っているとき動的に作成されたマテリアライズトーストツールチップのリスナーを作成するにはどうすればよいですか?

$(function(){ 
    $('.tooltipped').tooltip({delay: 50}); 
}); 

しかし、それは動作しません。

JQuery.onを使用して何らかのリスナーを作成できますか?

+0

あなたは、あなたの動的な要素を作成するツールチップを活性化できます。どのようにそれらを正確に作成していますか? –

+0

はい@PierreC。しかし、それは一種の「回避策」なので、正しい方法でこれをやりたいと思います。要素/ボタンは、columnDefsレンダリングを使用してDatatable.netによって作成されています。 – Dan

答えて

1

データテーブルのdraw eventsを使用すると、何かが変更されたときにテーブルのthe tooltipsを再初期化できます。

$('#myTable').on('draw.dt', function() { 
    $('#myTable .tooltipped').tooltip({delay: 50}); 
}); 

また、一度だけツールチップのイベントを初期化するためにtooltippedクラスを削除することができます。

$('#myTable').on('draw.dt', function() { 
    $('#myTable .tooltipped') 
     .removeClass('tooltipped') 
     .tooltip({delay: 50}); 
}); 
+0

このように、私は何度もツールチップを呼び出し、ツールチップのDOM要素を多く作成します – Dan

+0

私は自分の答えを更新しました –

関連する問題