Javascript 通过链接单击中的Ajax调用加载Boostrap选项卡

我在一个while语句中输出了一个链接表，一旦单击其中一个链接，就会调用一个函数，该函数将返回数据，包括引导选项卡

我可以取回数据，但tab功能不起作用

HTML页面

<a href="javascript:void(0);" pID="<?php echo $row['p_id'];?>" class="viewP">
<div id="pinfo"></div>

返回HTML文件的PHP文件

<div class="block-content">
<div class="block">
<ul class="nav nav-tabs nav-tabs-alt nav-justified" data-toggle="tabs">
    <li class="active">
    <a href="#btabs-alt-static-justified-home"><i class="fa fa-check"></i> Checks</a>
    </li>
    <li>
    <a href="#btabs-alt-static-justified-profile"><i class="fa fa-info"></i> Info</a>
    </li>
</ul>
</div>

所有的工作都与数据被拉过，但标签不工作

任何帮助都将不胜感激

<div class="block-content">
<div class="block">
<ul class="nav nav-tabs nav-tabs-alt nav-justified" data-toggle="tabs">
    <li class="active">
    <a href="#btabs-alt-static-justified-home"><i class="fa fa-check"></i> Checks</a>
    </li>
    <li>
    <a href="#btabs-alt-static-justified-profile"><i class="fa fa-info"></i> Info</a>
    </li>
</ul>
</div>