웹 소켓 업데이트에 대한 스레드 주석

Question

웹 소켓을 사용하여 주석 목록을 업데이트하고 있습니다. ul 및 li 태그를 중첩하여 스레드 스타일을 생성합니다 (here 설명).

새 메시지가 들어 오면 전체 메시지 목록을 다시 렌더링하지 않는 것이 문제입니다. 새 메시지를 목록의 오른쪽 "둥지"에 삽입하려면 DOM (바람직하게는 jQuery)을 조작하는 방법이 있습니까?

내 HTML을 구조화하는 더 좋은 방법이 있습니까? (HTML 속성으로 부모와 자식 ID를 사용 아마도 방법)

Answer 1

대답은 yes -하지만 당신은 새로운 하나에 회신한다 논평에서 제공하는 각 메시지에 대해 표시 할 수있는 방법이 필요합니다. 그런 다음 이전 "부모"주석을 선택하고 jQuery의 .append() 또는 .appendChild() 함수를 사용하면됩니다. ID로 의견을 직접 선택할 수 있도록 주석 ID 시스템을 사용하는 것이 좋습니다.

// new comment comes in, is replying to comment number 12345678. 
// Then... 
$('#12345678').appendChild(new_comment_html);