Как установить активную вкладку после получения представления от вызова Ajax?

Question

Я пытаюсь установить active tab за bootstrap 3 вкладки после получения представления от вызова ajax, но это не работает.

Вид выглядит примерно так:

<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>

Как вы можете видеть, что я пытался сделать $('.nav-tabs a[href="#tab_1_2"]').tab('show'); и я тоже пытался $('#tab a[href="#tab_1_2"]').tab('show'); но оба не работают.

Что я здесь не так делаю?

Answer 1

Попробуй использовать class="active" только в li не в anchor tagПочти все правильно.

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

Answer 2

Я думаю, что вы можете искать "jQuery не работает после загрузки контента через AJAX". jQuery не работает после загрузки контента через AJAX

Я исправил свой код раньше, но я забыл, что я сделал.