ajax 호출에서 뷰를 가져온 후에 활성 탭을 설정하는 방법은 무엇입니까?

Question

ajax 호출에서 뷰를 가져온 후 bootstrap 3 탭에 대해 active tab을 설정하려하지만 작동하지 않습니다.

뷰는이 같은 것입니다 :

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

그리고 여기에 스크립트입니다 : 당신은 내가 $('.nav-tabs a[href="#tab_1_2"]').tab('show'); 일을 시도하고 나는 또한 $('#tab a[href="#tab_1_2"]').tab('show');을 시도 볼 수 있듯이

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

하지만, 둘 다 작동하지 않습니다.

여기서 내가 뭘 잘못하고 있니?

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

나는 내 코드를 수정했지만 이전에 내가했던 것을 잊어 버렸다.