ダイナミックタブの別のhtmlファイルにhtmlファイルをロード

Question

thisリンクを使用してダイナミックタブを実装しようとしていました。それは非常に使いやすいです。しかし、これを使用するには、すべてのhtmlデータが同じhtmlファイルにある必要があります。 HTMLデータを別のファイルに保存して、それぞれのタブをクリックしたときにどのように使用できますか？

Answer 1

shown.bs.tabの外部ファイルデータをjQuery​​を使用してロードすることができます。更新された参照のために行くことができますhttp://api.jquery.com/load/

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    e.target // newly activated tab 
    e.relatedTarget // previous active tab 
    // call jquery load() here 
})