如何從ajax調用中獲取視圖後設置活動標籤？

Question

我試圖從一個Ajax調用獲取的看法，但它不工作後設置爲active tab標籤bootstrap 3。

的看法是這樣的：

<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

我認爲你可能會尋找「的內容是通過AJAX加載之後的jQuery不起作用」。 jQuery doesn't work after content is loaded via AJAX

我固定在我的代碼，但我忘了我所做的。