Jquery 在Ajax获取后重置引导选项卡结构

Jquery 在Ajax获取后重置引导选项卡结构,jquery,ajax,twitter-bootstrap,twitter-bootstrap-3,Jquery,Ajax,Twitter Bootstrap,Twitter Bootstrap 3,我有一大堆用ajax加载的大页面(大约12个,我省略了)。 我正在将页面加载到选项卡中 <div class="tab-content"> <div id="Summary_Tab" class="tab-pane active"></div> <div id="Health_A" class="tabe-pane fade "></div>

我有一大堆用ajax加载的大页面(大约12个,我省略了)。 我正在将页面加载到选项卡中

            <div class="tab-content">
                <div id="Summary_Tab" class="tab-pane active"></div>
                <div id="Health_A" class="tabe-pane fade "></div>
                <div id="Risk_A" class="tabe-pane fade"></div>
            </div>
现在发生的是,我得到了一行空白块,这些块表示我从ajax获得的内容,这使得页面非常长。新的标签不是真的不可见,它不可见,但可以点击。如果我点击一个标签切换,显示的标签,但在页面的中间,而不是在它的开始。 我需要做的是,尽我所能重置引导,使所有标签正确地不可见,所有标签的长度都变小


还有其他想法吗?怎么办?

您的Ajax结果是HTML吗。如果是这样的话,您可以将Ajax HTML内容附加到前面的内容中。当然,您可以使用HTML元素和CSB为HTML设置样式,但这正是我所做的。因此是.html(数据);如果在sourceYes中选中html,则它在divs中。html在div中。我想说的是,div被填满了,但它们并不是完全看不见的。它们是白色和空白的,但可以单击。这感觉像是一个引导程序错误
$(document).ready(function () { 
$.get('Health_A', function (data) {
    $("#Health_A").html(data);
});
$.get('Risk_A', function (data) {
    $("#Risk_A").html(data);
});
});