Javascript 如何在从ajax调用获取视图后设置活动选项卡？

在从ajax调用获取视图后，我试图为

bootstrap3

选项卡设置

active选项卡，但它不起作用

视图是这样的：

<div class="portlet light ">
    <div class="portlet-title tabbable-line">
        <div class="caption">
            <i class="icon-globe font-dark hide"></i>
            <span class="caption-subject font-dark bold uppercase">TODAY</span>
        </div>
        <ul id="tab" class="nav nav-tabs">
            <li class="active">
                <a href="#tab_1_1" class="active" data-toggle="tab"> Collections </a>
            </li>
            <li>
                <a href="#tab_1_2" data-toggle="tab"> Activities </a>
            </li>
        </ul>
    </div>
    <div class="portlet-body">
        <!--BEGIN TABS-->
        <div class="tab-content">
            <div class="tab-pane active" id="tab_1_1">

<script type="text/javascript">
function load_page() 
{


    $.ajax(
        {
        url: 'notification_table/',
        type: 'GET',
        dataType: 'html',
        }).done(
                function(data)
                {
                $('#home_view').html(data);
                }
                );

    $('.nav-tabs a[href="#tab_1_2"]').tab('show');
}

 window.onload = function () 
 {
    load_page();
    setInterval(function () {
    load_page(); }, 5000);
 }
</script>


今天







下面是脚本：

<div class="portlet light ">
    <div class="portlet-title tabbable-line">
        <div class="caption">
            <i class="icon-globe font-dark hide"></i>
            <span class="caption-subject font-dark bold uppercase">TODAY</span>
        </div>
        <ul id="tab" class="nav nav-tabs">
            <li class="active">
                <a href="#tab_1_1" class="active" data-toggle="tab"> Collections </a>
            </li>
            <li>
                <a href="#tab_1_2" data-toggle="tab"> Activities </a>
            </li>
        </ul>
    </div>
    <div class="portlet-body">
        <!--BEGIN TABS-->
        <div class="tab-content">
            <div class="tab-pane active" id="tab_1_1">

<script type="text/javascript">
function load_page() 
{


    $.ajax(
        {
        url: 'notification_table/',
        type: 'GET',
        dataType: 'html',
        }).done(
                function(data)
                {
                $('#home_view').html(data);
                }
                );

    $('.nav-tabs a[href="#tab_1_2"]').tab('show');
}

 window.onload = function () 
 {
    load_page();
    setInterval(function () {
    load_page(); }, 5000);
 }
</script>


函数加载_页（）
{
$.ajax(
{
url:“通知_表/”，
键入：“GET”，
数据类型：“html”，
}).完成(
功能（数据）
{
$（'home_view'）.html（数据）；
}
);
$（'.nav tabs a[href=“#tab_1_2”]）.tab（'show'）；
}
window.onload=函数（）
{
加载页面（）；
setInterval（函数（）{
加载页面（）；}，5000）；
}

正如您所看到的，我尝试了
$（'.nav tabs a[href=“#tab_1_2”]”）。tab（'show'）
并且我也尝试了
$（'#tab a[href=“#tab_1_2”]）。tab（'show'）但两者都不起作用

我做错了什么？
我想您可能会寻找“通过AJAX加载内容后，jQuery无法工作”。

我以前修复过代码，但我忘记了我做过什么。
试着只在
li
中使用
class=“active”
，而不是在
锚定标记中，几乎一切正常

 <li class="active">
     <a href="#tab_1_1" data-toggle="tab"> Collections </a>
 </li>



错误是什么？我没有收到错误，但活动类也没有更改