1

現在選択されている Twitter Bootstrap タブをどのように再読み込みしますか?

これは私がこれまでに持っているものですが、後続のタブを複数回リロードするだけです.

function reload_tab() {
   $('a[data-toggle="tab"]').on('shown', function (e) {
       $('#tab-loaded-content').load($(e.target).attr('href'));
   });
}
4

2 に答える 2

3

試してみてください

$('#tab-loaded-content').load($('li.active a[data-toggle="tab"]').attr('href'));

あなたがしていたことは、リロード関数を呼び出すたびに、shownそのタブをリロードするためにイベントにバインドすることです (正直なところ存在することを知りませんでした)。2 回呼び出すと、タブが 2 回リロードされます。あなたが望むものではありません！

上記のワンライナーhrefは、アクティブなタブの子であるリンクの属性からコンテンツをロードするように単純に指示していますli.active。

于 2012-07-09T01:27:10.320 に答える
0

sachleen の解決策は、部分的にはうまくいきました。まず、tab-loaded-content を更新する実際のタブに置き換える必要がありました。

$('#project_contracttaken').load($('li.active a[data-toggle="tab"]').attr('href'));

しかし、それでもコンテンツは更新されませんでした。たとえば、jquery ajax キャッシュ機能を無効にする必要がありました。

$.ajaxSetup(
{
    cache: false
});

これらの変更の後、私にとってはうまくいきました！

于 2014-05-11T18:01:59.597 に答える