jScrollPane 문제 AJAX와 After()

Question

나는 고치기가 어렵다고 생각하는 성가신 문제가있다. 새 하위 요소를 추가 할 때 스크롤 영역의 크기가 변경되지 않습니다.

기본적으로 ID 컨테이너 ID가 #responseLog 인이 컨테이너 안에는 .response 클래스가있는 div가 여러 개 있습니다. 이렇게,

<div id="responseLog"> 
    <div class="response"></div> 
    <div class="response"></div> 
</div> 

응답은 다양한 span 등을 포함합니다. responseLog div에 jScrollPane이 호출되고 있습니다. 그것은 페이지로드에 잘 작동합니다.

자주 호출되는 AJAX 기능을 가지고 있으며 주 responseLog div 내에 새로운 응답 div를 삽입합니다. 이것은 잘 작동합니다. AJAX 호출은 내용을 대체하지 않고 단순히 jQuery After() 메서드를 사용하여 새 요소를 주입하고 마지막 div를 선택합니다.

일단 새 요소가 추가되면 jScrollPane의 reinitialize 함수를 호출합니다. ie

jspapi.reinitialise(); 

내 문제는이 재 초기화가 아무 것도하지 않는다는 것입니다. 더 많은 요소가 추가 되었더라도 responseLog div의 크기는 조정되지 않습니다.

jScrollpane 사이트에는 AJAX 섹션이 언급되어 있지만 div에 내용을 추가하는 것이 아니라 div의 내용을 바꾸는 것을 의미합니다.

아무도 도와 줄 수 있습니까?

Answer 1

해결책을 찾았습니다. jQuery 네이티브 추가 메서드 대신 jspapi.getContentPane(). append() 메서드를 사용했습니다.