通过链接点击的Ajax调用加载Boostrap选项卡

Question

我在while语句中输出了一个链接表，一旦点击其中一个链接，就会调用一个函数，然后将数据拉回来，包括引导标签。

我可以恢复数据，但标签功能不起作用吗？

HTML页面

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

JQuery函数

$(".viewP").click(function(pID) {

    var checkID = $(this).attr("pID");

    $.post('assets/ajax/p-info.php', {pid: checkID}, function(data) {
            $('#pinfo').html(data)
    });
});

推送回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>

所有内容都适用于所提取的数据，但标签不起作用？

非常感谢任何帮助。