bootstrap4で作ったタブを、タブ切り替え時に読み込みたい。

Question

bootstrap4で作ったタブを、タブ切り替え時に読み込みたい。
何か良い方法はないでしょうか？

Answer 1

タブ表示イベントがあるようですから、それを利用してはいかがでしょうか？

新しいタブを表示すると, イベントは次の順序で発生します。

Events | Navs - Bootstrap 4.2 - 日本語リファレンス

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  var ctx = $( '#' + e.target['aria-controls'] + '.chart_container canvas' )[0].getContext('2d');
  //...
})

動作確認はしていません。