Ajax 업데이트가 탭 본문을 기본값으로 유지합니다

Question

을 사용하여 을 사용하여 탭 내용을 업데이트하고 있습니다. 그러나 업데이트가 완료된 후에도 동일한 탭을 열어두기를 원합니다. 현재 코드는 li 형식을 그대로 유지합니다. 즉, 동일한 링크가 활성 상태로 표시되고 제목이 동일하지만 본문이 원본으로 되돌아갑니다. 첫 번째 상자의 코드는 첫 번째 업데이트가 실행될 때만 실행되어 첫 번째 li을 활성으로 포맷합니다. 다른 탭을 클릭하면 활성 탭이 숨겨지고 #theOpen이 제거 된 다음 해당 속성이 새 탭으로 설정됩니다.

if (!isUpdate) { 
      //When page loads... 
      $(".tab_content").hide(); //Hide all content 
      $("ul.tabs li:first").addClass("active").show(); //Activate first tab 
      $("ul.tabs li:first").attr("id", "theOpen"); 
      $(".tab_content:first").show(); //Show first tab content 
      var titName = $("ul.tabs li:first").find("a").attr("href") + 'IDer'; 
      var theName = $(titName).html(); 
      $('#stationTitler').text($(titName).html()); 
     } 
     else { 
      var activeTab = $("#theOpen").find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
      $(activeTab).fadeIn(); //Fade in the active ID content 

     } 

Answer 1

나는 설명이 약간 모호하다는 것을 이해하지만, 관심있는 사람이라면 누구나이 문제를 해결했습니다. 설정된 간격으로 호출 한 함수의 끝에서 나는 단순히 그러나 나는 이미에 대한 jQuery 코드를 작성했습니다, 나는 탭 기관의 속성을 변경하려고되기 전에

else { 
    $("#theOpen").trigger("click"); 
} 

와

else { 
      var activeTab = $("#theOpen").find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
      $(activeTab).fadeIn(); //Fade in the active ID content 

     } 

교체 이 탭은 특정 탭을 여는 동일한 루틴을 따르기 만하면됩니다.

.fadeIn() 함수에 탭의 URL을 전달하려고했지만 .li 클래스에는 이미 onclick 수신기가 있기 때문에 위의 그림과 같이 단순히 클릭을 트리거 할 수 있습니다.