Gmail 유형 대화보기 작성 방법

Question

• Gmail 대화와 같은 메일 목록을보고 싶습니다. 더 많은 메시지가 5 이상이 좋아하는 경우
• 여러 메시지가 그들을 클릭하여 볼 수 있습니다 모양이 아코디언처럼
• ,

• , 다음 뷰가 있어야한다 는 '오래된 메시지'

  처럼 붕괴

• jQuery를 통해 어떻게 가능합니까? 아니면 다른 것이 더 좋습니다. 몇 가지 힌트/도움을 줄 나를 이용하실 수 있도록

Answer 1

이 jQuery를 통해 확실히 가능하다. 그러나이 기능을 구현하는 데는 여러 가지 방법이 있지만 일부 기능은 다른 기능보다 훨씬 간단합니다.

첫 번째 옵션은 페이지가로드 될 때 모든 메시지를로드 한 다음 마지막 메시지를 제외한 모든 메시지를 숨기는 것입니다. 그런 다음 jQuery를 사용하여 사용을 클릭 할 때 표시 할 수 있습니다. 그러나 이는 초기로드 시간을 늦추므로 매우 비효율적입니다. accordion found here (credit)을 살펴 보는 것이 좋습니다. 다음은 jQuery 코드는 다음과 같습니다

(function($) { 

    var allPanels = $('.accordion > dd').hide(); 

    $('.accordion > dt > a').click(function() { 
    allPanels.slideUp(); 
    $(this).parent().next().slideDown(); 
    return false; 
    }); 

})(jQuery); 

더 나은 옵션은 이전 메시지 (날짜, 보낸 사람 및 제목)의 기본 데이터를로드하는 다음 사용자가 메시지를 클릭하면 전체 내용을 가져 오기 위해 AJAX를 사용합니다. 데이터가 필요할 때만 데이터를 요청하기 때문에 훨씬 더 나은 방법입니다. API Docs에서 jQuery 내에서 AJAX 사용에 대해 자세히 읽을 수 있습니다.

이것은 출발점이되어야합니다. 하지만 SO가 드라이브 스루 코드 생성기가 아님을 알려야합니다. 프로그래밍 문제와 관련된 특정 질문을하기위한 것입니다. 위의 정보를 사용하여 몇 가지 조사를 수행하고 함께 배치하고 문제가 발생하면 여기에서 질문하십시오. 코드와 문제 및 원하는 결과에 대한 설명을 포함시켜야합니다.