다른 jquery 탭에 다른 데이터 추가

Question

나는 두 가지 기능을 가지고 있습니다.
1- addMessage() : 데이터베이스에 데이터를 저장하고 클릭시에만 호출됩니다.
2- updateMessage() : 데이터베이스에서 아약스로 데이터를 가져오고, 문서가 준비되면 호출하고 새 데이터를 3 초마다 호출하며 성공한 경우 addMessage()이라고합니다.

function updateMessage() 
{ 
    $.ajax({ 
    url:"db.php", 
    type:"post", 
    dataType:"text/xml", 
    success:function(data) 
    { 
     $(data).find("message").each(function() { 
      var msg_id = $(this).find("msg_id").text(); 
      var date_time = $(this).find("date_time").text(); 
      var from_user = $(this).find("from_user").text(); 
      var from_group = $(this).find("from_group").text(); 
      var to_user = $(this).find("to_user").text(); 
      var to_group = $(this).find("to_group").text(); 
      var msg_type = $(this).find("msg_type").text(); 
      var msg = $(this).find("msg").text(); 
      var grp_abr = $(this).find("grp_abr").text(); 

      var html = "<tr class='blue'>"; 
      html += "<td><a href='#' class='bullet' onclick='changeStatus(\""+msg_id+"\")'><\/a><\/td>"; 
      html += "<td><a href='#' class='reply' onclick='reply(\""+from_user+"\");'><\/a><\/td>"; 
      html += "<td>"+date_time+"<\/td>"; 
      html += "<td>"+from_user+"["+from_group+"]"+"<\/td>"; 
      html += "<td>"+to_user+"["+to_group+"]"+"<\/td>"; 
      html += "<td><a href='#' class="+msg_type+"><\/a><\/td>"; 
      html += "<td><a href='#' class='flag_msg' onclick='flagMsg("+msg_id+")'><\/a><\/td>"; 
      html += "<td>"+msg_id+msg+"<\/td>"; 
      html += "<td>"+grp_abr+"<\/td><\/tr>"; 
      }); 
     } 
    }); 
    setTimeout('updateMessage()',3000); 
} 

이제 검색된 데이터를 다른 이름과 컨테이너로 다른 탭에 추가하고 싶습니다. 어떻게해야합니까? 내 질문은 코드 문제가 아니라 논리 또는 단계 순서에 관한 것입니다. 도움주세요.

Answer 1

정말로 당신이 원하는 것을 이해하지 못합니다. 탭을 동적으로 추가하는 방법을 묻는 경우

jQuery Tabs add() 방법을 찾고 tabTemplate 및 panelTemplate 옵션을 찾아보십시오.

새 탭 콘텐츠를 구성한 후 success 함수의 끝에서 DOM (예 : 모든 탭을 포함하는 숨겨진 테이블)에 어딘가에 추가하고 그냥 add 메서드를 사용하십시오.

여러 개의 탭 컨테이너가있는 경우 원하는 메소드에서 추가 메소드를 호출하기 만하면됩니다.